* {
    font-family: "Microsoft YaHei", sans-serif;
}

body {
    max-width: 768px;
    margin: 0 auto;
}

img {
    max-width: 100%;
}

ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

textarea, input {
    border-radius: 0;
    /*-webkit-appearance: none;*/
    box-shadow: 0 0 0 rgba(0,0,0,0);
}

.cb {
    width: 100%;
    clear: both;
}

.bar-nav .help {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    font-size: 0.7rem;
    border: 1px solid #010101;
    border-radius: 50%;
    text-align: center;
    color: #010101;
    margin-top: 0.6rem;
    padding: 0;
}

.icon-check {
    color: #6bc1b2;
}

.ying {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/goods_show_2.png) repeat;
    z-index: 5;
    display: none;
}

/*footer*/
.footer {
    background: #fff;
    padding: 1rem 0.5rem;
    text-align: center;
    height: 3rem;
    line-height: 1rem;
}

.footer a {
    font-size: 0.7rem;
    color: #999999;
    margin: 0 0.2rem;
    display: inline-block;
    line-height: 1rem;
}

.footer a img {
    height: 1.2rem;
    width: 1.2rem;
}

.footer a.user {
    color: #6bc1b2;
}

/*login*/
.login-page {
    background: #f7f7f7;
}

.login-page .content .box1 {
    text-align: center;
    padding-top: 2rem;
}

.login-page .content .box1 img {
    width: 5rem;
}

.login-page .content .list-block input {
    font-size: 0.7rem;
}
.login-page .content .item-input #del-bt2 {
    position: absolute;
    right: 0;
    top: 4%;
    background: #fff;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(img/login_ico_del.png) no-repeat center;
    background-size: 40%;
    z-index: 99;
}
.login-page .content .item-input #showPassword2 {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 98;
    display: none;
}
.login-page .content .item-input #show-pw-bt2 {
    position: absolute;
    right: 0;
    top: 4%;
    background: #fff;
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(img/login_show_pw.png) no-repeat center;
    background-size: 50%;
    z-index: 99;
}
.login-page .content .list-block p {
    font-size: 0.7rem;
    color: #6bc1b2;
    padding-left: 0.25rem;
}

.login-page .content .list-block .label {
    font-size: 0.7rem;
}

.login-page .content .row-a {
    margin-top: 0.5rem;
}

.login-page .content .row-a a {
    font-size: 0.7rem;
}

.login-page .content .joint-login {
    width: 75%;
    margin: 0 auto;
    margin-top: 3rem;
    padding-bottom: 2rem;
}

.login-page .content .joint-login .row .col-33 {
    margin-top: 0.5rem;
    text-align: center;
}

.login-page .content .joint-login .row .col-33 img {
    width: 60%;
}

.login-page .pw .item-input {
    position: relative;
}

.login-page .pw .item-input #showPassword {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 98;
    display: none;
}

.login-page .pw .item-input a {
    position: absolute;
    right: 0;
    top: 21%;
    background: #fff;
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(img/login_show_pw.png) no-repeat left center;
    background-size: 100%;
    z-index: 99;
}
.login-page .pw .item-input a.on{
    background: url(img/login_show_pw_on.png) no-repeat left center;
    background-size: 100%;
}

.login-page .uname .item-input {
    position: relative;
}

.login-page .uname .item-input #del-bt {
    position: absolute;
    right: 0;
    top: 35%;
    background: #fff;
    display: block;
    width: 1rem;
    height: 1rem;
    background: url(img/login_ico_del.png) no-repeat center;
    background-size: 80%;
    z-index: 99;
}

/*register*/
.register-page {
    background: #f7f7f7;
}

.register-page .content .list-block {
    font-size: 0.7rem;
}

.register-page .content .list-block input {
    font-size: 0.7rem;
}

.register-page .content .list-block .verifi-img {
    width: 50%;
}

.register-page .content .content-block .row-a {
    margin-top: 0.5rem;
}

.register-page .content .content-block .row-a a {
    font-size: 0.5rem;
    color: #999999;
}

.register-page .content .content-block .row-a a span {
    color: #6bc0b1;
}

.register-page .content-block p {
    font-size: 0.7rem;
    margin: 0;
}

.register-page .content-block p span {
    color: #6bc0b1;
    font-size: 1rem;
}

.register-page .content-block {
    margin-top: 1rem;
    margin-bottom: 0;
}

.registerphone-page .content-block p {
    font-size: 0.7rem;
    margin: 0;
}

.registerphone-page .content-block p span {
    color: #6bc0b1;
    font-size: 1rem;
}

.registerphone-page .content-block {
    margin-top: 1rem;
    margin-bottom: 0;
}

.registerphone-page .content .list-block {
    font-size: 0.7rem;
    margin: 1rem 0;
    margin-bottom: 1.5rem;
}

.registerphone-page .content .list-block input {
    font-size: 0.7rem;
}

.registerphone-page .content .list-block .get-verifi {
    width: 45%;
    padding-left: 0.5rem;
    border-left: 1px solid #c5c5c5;
    text-align: right;
}

.registerphone-page .content .list-block .get-verifi a {
    color: #000;
    font-size: 0.5rem;
}

/*binding*/
.binding-page .box1 img {
    display: block;
    width: 75%;
    margin: 0 auto;
    margin-top: 3rem;
}

.binding-page .list-block {
    font-size: 0.7rem;
}

.binding-page .list-block input {
    font-size: 0.7rem;
}

.binding-page .box2 {
    padding: 1rem;
    background: #fff;
    margin-top: 2rem;
    border-top: 1px solid #f4f4f4;
    border-bottom: 1px solid #f4f4f4;
}

.binding-page .box2 .col-60 {
    padding-top: 1rem;
}

.binding-page .box2 .col-60 img {
    width: 80%;
}

.binding-page .box2 .col-60 p {
    font-size: 0.7rem;
}

/*usercenter-page*/
.usercenter-page .box1 {
    padding: 1rem 0.5rem;
    background: url('img/usercenter_5.png') no-repeat;
    background-size: 100% 100%;
    margin: 0;
    border-bottom: 1px dashed #fff;
}

.usercenter-page .box1 .col-30 {
    width: 30%;
}

.usercenter-page .box1 .col-30 img {
    width: 5rem;
    height: 5rem;
    display: block;
    border-radius: 50%;
    border: 2px solid #fff;
    margin: 0 auto;
}

@media screen and (max-width: 374px) {
    .usercenter-page .box1 .col-30 img {
        width: 4rem;
        height: 4rem;
        margin-top: 13%;
    }
}

.usercenter-page .box1 .col-70 {
    position: relative;
    width: 70%;
    padding-left: 0.5rem;
}

.usercenter-page .box1 .col-70 h5 {
    margin: 0;
    color: #fff;
    margin-top: 0.5rem;
}

.usercenter-page .box1 .col-70 h5 {
    font-size: 0.8rem;
    width: 65%;
    height: 1.2rem;
    overflow: auto;
}

.usercenter-page .box1 .col-70 h4 {
    margin: 0;
    font-weight: normal;
    line-height: 1.5rem;
}

.usercenter-page .box1 .col-70 h4 span {
    font-size: 0.7rem;
    color: #fff;
    padding-right: 1.2rem;
    height: 1.5rem;
    display: inline-block;
}

.usercenter-page .box1 .col-70 h4 span.v1 {
    background: url(img/vip_yinpai.png) no-repeat right center;
    background-size: auto 1rem;
}

.usercenter-page .box1 .col-70 h4 span.v2 {
    background: url(img/vip_jinpai.png) no-repeat right center;
    background-size: auto 1rem;
}

.usercenter-page .box1 .col-70 h4 span.v3 {
    background: url(img/vip_zhuanshi.png) no-repeat right center;
    background-size: auto 1rem;
}

.usercenter-page .box1 .col-70 h4 i {
    font-size: 0.5rem;
    color: #fff;
    font-style: normal;
}

.usercenter-page .box1 .col-70 p {
    font-size: 0.75rem;
    color: #fff;
    margin: 0;
    line-height: 1rem;
    position: relative;
}

.usercenter-page .box1 .col-70 p a {
    font-size: 0.6rem;
    color: #fff;
    line-height: 1rem;
}

.usercenter-page .box1 .col-70 p a.user-info {
    position: absolute;
    bottom: 0;
    right: 0;
}

.usercenter-page .box1-warp {
    background: #63d1be;
}

.usercenter-page .box1 a {
    color: #fff !important; /*瑙ｅ喅寰俊璇嗗埆鎵嬫満鍙风爜鍚庢樉绀轰负鐏拌壊*/
}

.usercenter-page .box1-warp .lv-box {
    background: url(img/usercenter_5_1.png) no-repeat;
    background-size: 100% 100%;
    height: 5rem;
    padding-top: 0.7rem;
}

.usercenter-page .box1-warp .lv-box .lv {
    width: 300px;
    height: 33px;
    background: url(img/user_lv_bg.png) no-repeat;
    background-size: 100% 100%;
    margin: 0 auto;
    /*margin-left: 14%;*/
    position: relative;
}

.usercenter-page .box1-warp .lv-box .lv div[class^='line-']{
    width: 1px;
    height: 11px;
    border-left: 1px dashed #6bc1b2;
    position: absolute;
    bottom: 0;
    z-index: 999;
}

.usercenter-page .box1-warp .lv-box .lv .line-500{
    left: 32px;
}

.usercenter-page .box1-warp .lv-box .lv .line-2000{
    left: 124px;
}

.usercenter-page .box1-warp .lv-box .lv .line-5000{
    left: 248px;
}

.usercenter-page .box1-warp .lv-box .lv .lv-bar {
    max-width: 298px;
    height: 11px;
    background: #ffe96c;
    position: absolute;
    bottom: 1px;
    left: 2px;
    border-top-left-radius: 5px;
    /*border-top-right-radius: 5px;*/
    border-bottom-left-radius: 5px;
    /*border-bottom-right-radius: 5px;*/
}

.usercenter-page .box1-warp .lv-box .lv .lv-bar span {
    position: absolute;
    bottom: -17px;
    right: 5px;
    display: inline-block;
    font-size: 0.6rem;
    height: 15px;
    color: #ffe96c;
}

.usercenter-page .box1-warp .lv-box .lv .lv-bar i {
    display: block;
    width: 6px;
    height: 26px;
    position: absolute;
    right: -5px;
    top: 0;
    background: url(img/user_lv_bar_span_bg.png) no-repeat;
    background-size: auto 100%;
}

.usercenter-page .box1-warp .lv-box .tip {
    margin: 0 auto;
    margin-top: 17px;
    width: 70%;
    background: url(img/user_lv_p_bg.png) repeat-x center;
    text-align: center;
    height: 1.5rem;
}

.usercenter-page .box1-warp .lv-box .tip p {
    font-size: 0.6rem;
    color: #fff;
    margin: 0;
    display: inline-block;
    background: #5fc9b7;
    line-height: 1.5rem;
    padding: 0 0.5rem;
}

.usercenter-page .box1-warp .login-box {
    padding: 1rem 0.5rem;
    background: url('img/usercenter_5.png') no-repeat;
    background-size: 100% 100%;
    margin: 0;
    text-align: center;
}

.usercenter-page .box1-warp .login-box a {
    font-size: 0.75rem;
    color: #65d3c0;
    display: inline-block;
    background: #fff;
    width: 5rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 1rem;
    margin-top: 0.5rem;
}

.usercenter-page .box1-warp .login-box p {
    font-size: 0.6rem;
    color: #fff;
    margin: 0;
    margin-top: 0.5rem;
}

.usercenter-page .box2 {
    margin: 0;
    background: #fff;
}

.usercenter-page .box2 h3 {
    color: #000;
    font-size: 0.7rem;
    margin: 0;
    line-height: 1rem;
    font-weight: normal;
    padding: 0.3rem 0.5rem;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #f4f4f4;
}

.usercenter-page .box2 h3 a {
    float: right;
}

.usercenter-page .box2 h3 a:active {
    color: #6bc1b2;
}

.usercenter-page .box2 .row {
    padding: 0.3rem 0.5rem;
}

.usercenter-page .box2 .col-20 {
    position: relative;
    margin-top: 0.2rem;
    text-align: center;
}

.usercenter-page .box2 .col-20 img {
    width: 80%;
    max-width: 3rem;
}

.usercenter-page .box2 .badge {
    background: #ff5252;
    color: #fff;
    position: absolute;
    top: -0.2rem;
    right: 1%;
}

.usercenter-page .box3 {
    background: #fff;
    margin: 0.7rem 0;

}

.usercenter-page .box3 table {
    width: 100%;
}

.usercenter-page .box3 td {
    border: 1px solid #f4f4f4;
    text-align: center;
    padding: 0.7rem 0;
}

.usercenter-page .box3 td:active {
    background: #ebebeb;
}

.usercenter-page .box3 td img {
    width: 55%;
    max-width: 4rem;
}

.usercenter-page .box4 {
    background: #fff;
    padding: 0 0.5rem;
    margin-bottom: 1.5rem;
}

.usercenter-page .box4 li {
    border-bottom: 1px solid #f4f4f4;
    background: url(img/confirm_ico_right.png) no-repeat right center;
    background-size: auto 0.6rem;
}

.usercenter-page .box4 li:last-child {
    border-bottom: none;
}

.usercenter-page .box4 li a {
    font-size: 0.7rem;
    color: #000;
    display: block;
    padding: 0.4rem 0;
}

.usercenter-page .box4 li a:active {
    color: #6bc1b2;
}

.usercenter-page .lv-up {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(img/user_lv_up_black.png) repeat;
    z-index: 999;
}

.usercenter-page .lv-up .lv-up-box1 {
    width: 90%;
    margin: 0 auto;
    max-width: 20rem;
}

.usercenter-page .lv-up .lv-up-box2 {
    width: 90%;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    padding: 1rem;
    border-radius: 2px;
    max-width: 20rem;
}

.usercenter-page .lv-up .lv-up-box2 h3 {
    margin: 0;
    font-size: 0.8rem;
    color: #f97373;
    margin-bottom: 0.5rem;
}

.usercenter-page .lv-up .lv-up-box2 p {
    margin: 0;
    font-size: 0.7rem;
}

.usercenter-page .lv-up .lv-up-box2 p i {
    font-style: normal;
    color: #6bc1b2;
    font-weight: bold;
}

.usercenter-page .lv-up .lv-up-box2 span {
    font-size: 0.6rem;
    display: block;
    margin-bottom: 0.5rem;
}

.usercenter-page .lv-up .lv-up-box2 a {
    font-size: 0.7rem;
    color: #fff;
    background: #6bc1b2;
    display: inline-block;
    width: 4rem;
    height: 1.5rem;
    line-height: 1.5rem;
    border-radius: 2px;
}

/*personaldata*/
.personaldata-page .box1 {
    padding: 0 5%;
    background: #fff;
    margin: 1rem 0;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
}

.personaldata-page .box1 ul {
    padding: 0;
    margin: 0;
}

.personaldata-page .box1 li {
    list-style: none;
    border-bottom: 1px solid #f4f4f4;
    background: url(img/personaldata_2.png) no-repeat;
    background-size: 0.5rem auto;
    background-position: center right;
    height: 2rem;
    line-height: 2rem;
    padding-right: 1rem;
    overflow-y: hidden;
}

.personaldata-page .box1 li:first-child img {
    height: 2rem;
    width: 2rem;
    margin-top: 0.2rem;
    border-radius: 50%;
}

.personaldata-page .box1 li span {
    float: left;
    font-size: 0.75rem;
    color: #000;
}

.personaldata-page .box1 li .box1-1 {
    float: right;
    text-align: right;
    color: #999999;
    font-size: 0.70rem;
}

.personaldata-page .box1 li:nth-child(2) .box1-1 {
    color: #6bc1b2;
}

.personaldata-page .box1 li:first-child {
    height: 2.5rem;
    line-height: 2.5rem;
}

.personaldata-page .box1 li:last-child {
    height: auto;
    padding: 0.5rem 0;
    background: none;
    border-bottom: none;
}

.personaldata-page .box1 li:last-child p {
    margin: 0;
    font-size: 0.7rem;
    line-height: 1rem;
    color: #999999;
}

.personaldata-page .box2 {
    padding: 0 5%;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4;
    margin-bottom: 1rem;

}

.personaldata-page .box2 ul {
    padding: 0;
    margin: 0;
}

.personaldata-page .box2 li {
    list-style: none;
    border-bottom: 1px solid #f4f4f4;
    background: url(img/personaldata_2.png) no-repeat;
    background-size: 0.5rem auto;
    background-position: center right;
    height: 2rem;
    line-height: 2rem;
    padding-right: 1rem;
    overflow-y: hidden;
}

.personaldata-page .box2 li:last-child {
    border: none;
}

.personaldata-page .box2 li p {
    margin: 0;
    font-size: 0.75rem;
    padding-left: 1.3rem;
    color: #000;
}

.personaldata-page .box2 li:first-child p {
    background: url(img/personaldata_3.png) no-repeat;
    background-size: 1rem auto;
    background-position: center left;
}

.personaldata-page .box2 li:nth-child(2) p {
    background: url(img/personaldata_4.png) no-repeat;
    background-size: 1rem auto;
    background-position: center left;
}

.personaldata-page .box2 li:nth-child(3) p {
    background: url(img/personaldata_5.png) no-repeat;
    background-size: 1rem auto;
    background-position: center left;
}

.personaldata-page .box2 li:nth-child(4) p {
    background: url(img/personaldata_6.png) no-repeat;
    background-size: 1rem auto;
    background-position: center left;
}

.personaldata-page li a {
    display: inline-block;
    width: 100%;
    height: 2rem;
}

.personaldata-page .box1 li:first-child a {
    height: 2.5rem;
}

/*editpersonaldata-page*/
.editpersonaldata-page .list-block {
    font-size: 0.7rem;
    margin-bottom: 0.5rem;
}

.editpersonaldata-page .list-block input {
    font-size: 0.7rem;
}

.editpersonaldata-page .tip p {
    font-size: 0.5rem;
    margin: 0 0.75rem;
    color: #c5c5c5;
}

.editpersonaldata-page .bar-nav .icon-check {
    color: #6bc1b2;
}

/*mylevel-page*/
.mylevel-page .box1 {
    background: #f97373 url(img/mylevel_2.png) no-repeat top right;
    background-size: 20% auto;
    padding: 2rem 0;
}

.mylevel-page .box1 .box1-1 {
    width: 11rem;
    margin: 0 auto;
    height: 4rem;
    background: url(img/mylevel_3.png) no-repeat center;
    background-size: 100% 80%;
}

.mylevel-page .box1 .box1-1 .headimg {
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
}

.mylevel-page .box1 .box1-1 .level-box {
    width: 6.8rem;
    float: right;
    padding-left: 0.2rem;
}

.mylevel-page .box1 .box1-1 .level-box h4 {
    font-size: 0.75rem;
    margin: 0 auto;
    color: #fff;
    margin-top: 1rem;
    height: 1rem;
    position: relative;
}

.mylevel-page .box1 .box1-1 .level-box img {
    position: absolute;
    top: 0;
    left: 3.2rem;
    height: 1rem;
}

.mylevel-page .box1 .box1-1 .level-box p {
    font-size: 0.7rem;
    color: #fff;
    margin: 0;
    margin-top: 0.1rem;
}

.mylevel-page .box1 .box1-2 {
    width: 14.5rem;
    margin: 0 auto;
    margin-top: 1rem;
    text-align: center;
}

.mylevel-page .box1 .box1-2 p {
    margin: 0;
    color: #fff;
    font-size: 0.7rem;
    text-align: center;
    margin-bottom: 0.1rem;
}

.mylevel-page .box1 .box1-2 .level-bar-box span {
    float: left;
    font-size: 0.7rem;
    color: #fff;
}

.mylevel-page .box1 .box1-2 .level-bar-box .level-bar-bg {
    float: left;
    width: 10rem;
    height: 1rem;
    background: #fff;
    border-radius: 0.5rem;
    position: relative;
    margin: 0 0.2rem;
}

.mylevel-page .box1 .box1-2 .level-bar-box .level-bar-bg .level-bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 1rem;
    line-height: 1rem;
    width: 0;
    background: #ffe884;
    border-radius: 0.5rem;
    text-align: center;
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
}

.mylevel-page .box1 .box1-2 .level-bar-box .level-bar-bg .level-bar i {
    font-size: 0.5rem;
    color: #fff;
    font-style: normal;
    height: 1rem;
    display: none;
}

.mylevel-page .box1 .box1-2 .level-bar-box .level-bar-bg .integral {
    position: absolute;
    bottom: -0.8rem;
    left: 0;
    font-size: 0.5rem;
    color: #fff;
    font-style: normal;
}

.mylevel-page .box1 .box1-2 .level-bar-box .level-bar-bg .max-integral {
    position: absolute;
    bottom: -0.8rem;
    font-size: 0.5rem;
    color: #fff;
    right: 0;
    font-style: normal;
}

.mylevel-page .box1 .box1-2 .level-bar-box .lv {
    display: block;
    width: 1.3rem;
    height: 1.3rem;
    text-align: center;
    line-height: 1.3rem;
    background: url(img/mylevel_4.png) no-repeat;
    background-size: 100% 100%;
    color: #f97373;
    margin-top: -0.15rem;
    font-size: 0.5rem;
    font-weight: bold;
}

.mylevel-page .box2 {
    background: #fff;
    padding: 1rem 0;
}

.mylevel-page .box2 table {
    width: 100%;
    font-size: 0.5rem;
    text-align: center;
}

.mylevel-page .box2 table td {
    border: 1px solid #fee3e3;
}

.mylevel-page .box2 table th {
    border: 1px solid #fee3e3;
    background: #fef1f1;
    padding: 0.2rem 0;
}

.mylevel-page .box2 table td img {
    width: 50%;
}

.mylevel-page .box2 table td:first-child img {
    width: 3rem;
    margin: 0.5rem 0;
}

.mylevel-page .box2 table th:first-child {
    width: 3rem;
}

.mylevel-page .box3 {
    padding: 0 4%;
    background: #fff;
    padding-bottom: 2rem;
}

.mylevel-page .box3 p {
    margin: 0;
    font-size: 0.7rem;
    margin-bottom: 0.2rem;
}

.mylevel-page .box3 p span {
    color: #6bc1b2;
}

.mylevel-page .box3 h3 {
    margin: 0.5rem 0;
    font-size: 0.75rem;
}

/*mypoints-page*/
.mypoints-page .content {
    background: #f7f7f7;
}

.mypoints-page .box1 {
    background: #6bc1b2 url(img/mypoints_2.png) no-repeat top right;
    background-size: 40% auto;
    padding: 2rem 0;
}

.mypoints-page .box1 .box1-1 {
    width: 85%;
    margin: 0 auto;
}

.mypoints-page .box1 .box1-1 p {
    font-size: 0.7rem;
    color: #fff;
    padding-left: 1rem;
    background: url(img/mypoints_1.png) no-repeat center left;
    background-size: auto 90%;
    margin: 0;
}

.mypoints-page .box1 .box1-1 h3 {
    font-size: 2rem;
    color: #fff;
    margin: 0;
    font-weight: normal;
}

.mypoints-page .box1 .box1-1 a {
    font-size: 0.7rem;
    color: #fff;
    padding: 0.2rem 0.5rem;
    border: 1px solid #fff;
    border-radius: 2px;
    margin-right: 0.2rem;
}

.mypoints-page .box2 {
    background: #f7f7f7;
}

.mypoints-page .box2 h5 {
    font-size: 0.75rem;
    margin: 0;
    background: #fff;
    padding: 0.5rem 0;
    padding-left: 5%;
}

.mypoints-page .box2 h5 a {
    font-size: 0.6rem;
    font-weight: normal;
    float: right;
    margin-right: 5%;
    color: #6bc1b2;
}

.mypoints-page .box2 h5 a i {
    font-style: normal;
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border: 1px solid #6bc1b2;
    border-radius: 0.9rem;
    text-align: center;
    margin-right: 0.1rem;
}

.mypoints-page .box2 ul {
    padding: 0;
    width: 90%;
    margin: 0 auto;
}

.mypoints-page .box2 ul li {
    list-style: none;
    padding: 0.5rem 0;
    border-bottom: 1px solid #d4d4d4;
}

.mypoints-page .box2 ul li p {
    font-size: 0.7rem;
    margin: 0;
    padding-right: 0.1rem;
}

.mypoints-page .box2 ul li .date {
    font-size: 0.5rem;
    color: #c5c5c5;
}

.mypoints-page .box2 ul li .lost {
    color: #f97373;
}

.mypoints-page .box2 ul li .add {
    color: #6bc1b2;
}

/*mall-page*/
.mall-page .box1 {
    position: relative;
}

.mall-page .box1 .box1-1 {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 5rem;
}

.mall-page .box1 .box1-1 p {
    position: absolute;
    width: 100%;
    bottom: 0.3rem;
    left: 0;
    text-align: center;
    margin: 0;
    color: #feeecd;
    font-size: 0.8rem;
}

.mall-page .box2 {
    padding: 1rem 0.5rem;
}

.mall-page .box2 .voucher {
    margin: 0 auto;
    margin-bottom: 1rem;
    max-width: 414px;
}

.mall-page .box2 .voucher .voucher-left {
    background: #fff;
    width: 70%;
    float: left;
    height: 5rem;
    padding: 0.2rem 0.5rem;
    padding-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.mall-page .box2 .voucher .voucher-right {
    background: url(img/mall_3.png) no-repeat;
    background-size: 100% 100%;
    width: 30%;
    float: left;
    height: 5rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.mall-page .box2 .received .voucher-right {
    background: url(img/mall_4.png) no-repeat;
    background-size: 100% 100%;
}

.mall-page .box2 .sell-out .voucher-right {
    background: url(img/mall_4_sell_out.png) no-repeat;
    background-size: 100% 100%;
}

.mall-page .box2 .sell-out .voucher-right p,.mall-page .box2 .sell-out .voucher-right a{
    display: none;
}

.mall-page .box2 .voucher .voucher-left p {
    font-size: 0.5rem;
    color: #6bc1b2;
    margin: 0;
}

.mall-page .box2 .voucher .voucher-left .left-1 {
    border-bottom: 1px dashed #6bc1b2;
    border-top: 1px dashed #6bc1b2;
    padding: 0.1rem 0;
}

.mall-page .box2 .voucher .voucher-left .left-1 .w-10 {
    width: 10%;
    float: left;
    color: #6bc1b2;
}

.mall-page .box2 .voucher .voucher-left .left-1 .w-40 {
    width: 40%;
    float: left;
    font-size: 1.8rem;
    color: #6bc1b2;
}

.mall-page .box2 .voucher .voucher-left .left-1 .w-50 {
    width: 50%;
    float: left;
}

.mall-page .box2 .voucher .voucher-left .left-1 .w-50 span {
    display: inline-block;
    padding: 0.1rem;
    font-size: 0.5rem;
    color: #6bc1b2;
    border: 1px dashed #6bc1b2;
    margin-bottom: 0.3rem;
}

.mall-page .box2 .voucher .voucher-left .v-type {
    color: #999;
    background: url(img/tip_ico.png) no-repeat center left;
    background-size: auto 80%;
    padding-left: 1rem;
    margin-top: 0.1rem;
}

.mall-page .box2 .voucher-right {
    padding-top: 0.5rem;
    position: relative;
}

.mall-page .box2 .voucher-right p {
    font-size: 0.6rem;
    text-align: center;
    color: #fff;
    text-indent: 0.5rem;
    margin: 0;
}

.mall-page .box2 .voucher-right .to-use {
    font-size: 0.6rem;
    color: #fff;
    background: #6bc1b2;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
    bottom: 0.5rem;
    border-radius: 3px;
}

.mall-page .box2 .voucher-right .to-get {
    font-size: 0.6rem;
    color: #6bc1b2;
    background: #fff;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    position: absolute;
    right: 0.6rem;
    bottom: 1rem;
    border-radius: 3px;
}

/*address-page*/
.address-page .box1 {
    margin: 1rem 0;
    margin-bottom: 4rem;
}

.address-page .box1 ul {
    padding: 0;
}

.address-page .box1 li {
    background: #fff;
    list-style: none;
    padding: 0.5rem;
    margin-bottom: 1rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.address-page .box1 li h3 {
    font-size: 0.75rem;
    margin: 0;
    font-weight: normal;
    padding-left: 1.2rem;
    background: url(img/address_1.png) no-repeat center left;
    background-size: auto 100%;
    height: 1rem;
    overflow: auto;
}

.address-page .box1 li h3 span {
    font-size: 0.7rem;
    margin-left: 1rem;
}

.address-page .box1 li p {
    font-size: 0.6rem;
    color: #999999;
    width: 80%;
    padding-left: 1.2rem;
    margin: 0.2rem 0;
}

.address-page .box1 li .operation {
    padding-left: 1.2rem;
}

.address-page .box1 li .operation input[type='radio'] {

}

.address-page .box1 li .operation label {
    font-size: 0.7rem;
}

.address-page .box1 li .operation a.pull-right {
    font-size: 0.6rem;
    border: 1px solid #c9c9c9;
    border-radius: 3px;
    padding: 0.2rem 0.4rem;
    margin-right: 0.5rem;
    color: #000;
}

.address-page .box1 li .operation a.is-default {
    font-size: 0.6rem;
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    color: #000;
    background: url(img/address_3.png) no-repeat center left;
    background-size: auto 80%;
    padding-left: 1.2rem;
}

.address-page .box1 li .operation a.on {
    background: url(img/address_4.png) no-repeat center left;
    background-size: auto 80%;
}

.address-page .content .box2 {
    padding: 0.5rem 1rem;
    height: 3rem;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff;
    border-top: 1px solid #ebebeb;
}

.address-page .content .box2 a {
    display: block;
    color: #fff;
    background: #6bc1b2;
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.75rem;
}

/*address2-page*/
.address2-page .list-block {
    margin: 0;
    margin-top: 1rem;
    font-size: 0.7rem;
}

.address2-page .list-block input {
    font-size: 0.7rem;
}

.address2-page .panel-overlay {
    background: #000;
    opacity: 0.7;
}

.address2-page #open-panel {
    padding-left: 0.25rem;
    display: block;
}

.address2-page .panel {
    border-left: 1px solid #ebebeb;
}

.address2-page .panel .content-block {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
    margin-top: 2.2rem;
}

.address2-page .panel .content-block .list-group ul::before {
    background: #fff;
}

.address2-page .panel .content-block .list-block {
    margin-top: 0;
}

.address2-page .panel .content-block .list-group li.on {
    background: url(img/addaddress_1.png) no-repeat center right;
    background-size: auto 35%;
}

/*editpassword-page*/
.editpassword-page .list-block ul {
    background: none;
}

.editpassword-page .list-block li {
    margin-bottom: 0.7rem;
    background: #fff;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

/*myvouchers-page*/
.myvouchers-page .content .content-block {
    padding: 0 0.5rem;
    margin: 1rem 0;
}

.myvouchers-page .tab {
    max-width: 414px;
    margin: 0 auto;
}

.myvouchers-page .tab ul {
    padding: 0;
}

.myvouchers-page .tab ul li {
    list-style: none;
    background: url(img/myvouchers_2.png) no-repeat top left;
    background-size: 100% 100%;
    padding: 0.2rem 0.5rem;
    margin-bottom: 1rem;
}

.myvouchers-page .tab ul li .number {
    font-size: 0.6rem;
    color: #fff;
    margin: 0;
    padding-bottom: 0.1rem;
    border-bottom: 1px dashed #fff;
}

.myvouchers-page .tab ul li .v-info {
    padding-bottom: 0.5rem;
}

.myvouchers-page .tab ul li .v-info-10 {
    float: left;
    width: 10%;
    color: #fff;
    font-size: 1rem;
    padding-top: 0.5rem;
}

.myvouchers-page .tab ul li .v-info-20 {
    float: left;
    width: 25%;
    font-size: 2rem;
    color: #fff;
    padding-top: 0.2rem;
}

.myvouchers-page .tab ul li .v-info-70 {
    float: left;
    width: 65%;
}

.myvouchers-page .tab ul li .v-info-70 p {
    font-size: 0.7rem;
    color: #fff;
    margin: 0;
    margin-top: 0.5rem;
}

.myvouchers-page .tab ul li .v-info-70 .v-info-70-left {
    font-size: 0.6rem;
    color: #fff;
    border: 1px dashed #fff;
    padding: 0.1rem 0.3rem;
    margin-top: 0.2rem;
}

.myvouchers-page .tab ul li .v-info-70 .v-info-70-right {
    font-size: 0.6rem;
    color: #fff;
    margin-top: 0.2rem;
    height: 1rem;
    overflow: auto;
    margin-bottom: 0.3rem;
}

.myvouchers-page .tab ul li .date {
    font-size: 0.6rem;
    color: #999999;
    margin: 0;
    text-align: right;
    margin-bottom: 0.2rem;
}

.myvouchers-page #tab1 li {
    background: url(img/myvouchers_1.png) no-repeat top left;
    background-size: 100% 100%;
}

.myvouchers-page .bar-nav .pull-right {
    color: #5f646e;
    font-size: 0.7rem;
    font-family: "Microsoft YaHei", sans-serif;
}

.myvouchers-page #get-vouchers .block1 {
    background: #fff;
}

.myvouchers-page #get-vouchers .block1 input {
    font-size: 0.7rem;
}

/*favourites-page*/
.favourites-page .box1 {

}

.favourites-page .box1 ul {
    padding: 0;
}

.favourites-page .box1 ul li a{
    color: #000;
}

@media screen and (min-width: 375px) {
    .favourites-page .box1 li {
        list-style: none;
        padding: 0.5rem;
        height: 6rem;
        background: #fff;
        margin: 0.5rem 0;
    }

    .favourites-page .box1 li:last-child {
        border: none;
    }

    .favourites-page .box1 li .w-30 {
        float: left;
        height: 5rem;
        overflow: hidden;
    }

    .favourites-page .box1 li .w-30 a {
        height: 5rem;
        width: 5rem;
        display: block;
        background-size: cover;
        background-position: center center;
    }

    .favourites-page .box1 li .w-70 {
        float: left;
        width: 65%;
        height: 5rem;
        margin-left: 5%;
        position: relative;
    }

    .favourites-page .box1 li .w-70 p {
        margin: 0;
        font-size: 0.7rem;
    }

    .favourites-page .box1 li .w-70 p.goods-name {
        width: 90%;
    }

    .favourites-page .box1 li .w-70 p.article-des {
        color: #999;
        font-size: 0.6rem;
        width: 85%;
    }

    .favourites-page .box1 li .w-70 p.goods-name a {
        color: #000;
    }

    .favourites-page .box1 li .w-70 p.goods-price {
        color: #6bc1b2;
        font-weight: bold;
        margin-top: 0.5rem;
        position: absolute;
        left: 0;
        bottom: 1rem;
    }

    .favourites-page .box1 li .w-70 p.goods-price span {
        font-size: 0.5rem;
    }

    .favourites-page .box1 li .w-70 p.goods-delete {
        text-align: right;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .favourites-page .box1 li .w-70 p.goods-delete img {
        width: 1rem;
    }
}

@media screen and (max-width: 374px) {
    .favourites-page .box1 li {
        list-style: none;
        padding: 0.5rem;
        height: 5rem;
        background: #fff;
        margin: 0.5rem 0;
    }

    .favourites-page .box1 li:last-child {
        border: none;
    }

    .favourites-page .box1 li .w-30 {
        float: left;
        width: 30%;
        height: 4rem;
        overflow: hidden;
    }

    .favourites-page .box1 li .w-30 img {
        min-height: 4rem;
        max-width: 4rem;
    }

    .favourites-page .box1 li .w-70 {
        float: left;
        width: 70%;
        height: 4rem;
        padding-left: 5%;
        position: relative;
    }

    .favourites-page .box1 li .w-70 p {
        margin: 0;
        font-size: 0.7rem;
    }

    .favourites-page .box1 li .w-70 p.goods-name {
        width: 90%;
    }

    .favourites-page .box1 li .w-70 p.article-des {
        color: #999;
        font-size: 0.6rem;
        width: 85%;
    }

    .favourites-page .box1 li .w-70 p.goods-price {
        color: #6bc1b2;
        font-weight: bold;
        position: absolute;
        left: 0.8rem;
        bottom: 0.5rem;
    }

    .favourites-page .box1 li .w-70 p.goods-price span {
        font-size: 0.5rem;
    }

    .favourites-page .box1 li .w-70 p.goods-delete {
        text-align: right;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .favourites-page .box1 li .w-70 p.goods-delete img {
        width: 0.9rem;
    }
}

.favourites-page .tip{
    height: 2rem;
}

.favourites-page .tip p{
    color: #999;
    font-size: 0.6rem;
    text-align: center;
    display: none;
    margin: 0;
    line-height: 2rem;
}

.favourites-page .no-favorite {
    text-align: center;
    margin: 0 auto;
    margin-top: 5rem;
}

.favourites-page .no-favorite img {
    width: 3rem;
}

.favourites-page .no-favorite p {
    font-size: 0.7rem;
    margin: 0.3rem 0;
    margin-bottom: 0.5rem;
    color: #999999;
}

.favourites-page .no-favorite a {
    padding: 0.3rem 0.5rem;
    color: #fff;
    font-size: 0.7rem;
    background: #6bc1b2;
    border-radius: 3px;
}

/*index-page*/
.index-page .bar-nav img {
    height: 1.2rem;
    margin-left: 1rem;
}

.index-page .bar-nav .logo img {
    height: 1rem;
    margin: 0;
}

.index-page .content {
    background: #ebebeb;
}

.index-page .focus {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.index-page .focus .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 0.8rem;
    text-align: center;
}

.index-page .focus .hd ul {
    display: inline-block;
    height: 5px;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    vertical-align: top;
}

.index-page .focus .hd ul li {
    list-style: none;
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #8C8C8C;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden;
}

.index-page .focus .hd ul .on {
    background: #6bc1b2;
}

.index-page .focus .bd {
    position: relative;
    z-index: 0;
}

.index-page .focus .bd li {
    font-size: 0;
}

.index-page .focus .bd li img {
    width: 100%;
    background: url(img/loading.gif) center center no-repeat;
    vertical-align: bottom;
}

.index-page .focus .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 鍙栨秷閾炬帴楂樹寒 */
    display: inline-block;
    font-size: 0;
}

.index-page .vouchers-box {
    font-size: 0;
}

.index-page .vouchers-box a {
    font-size: 0;
    display: inline-block;
}

.index-page .box3 {
    background: #fff;
    margin: 0.7rem 0;
}

.index-page .box3 .col-20 {
    text-align: center;
}

.index-page .box3 .col-20 img {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.index-page .box3 .col-20 a {
    font-size: 0.4rem;
    display: inline-block;
    padding: 1rem 0;
}

.index-page .box3 .col-20 {
    width: 20%;
    margin: 0;
}

.index-page .box3 .col-20 a:active {
    background: #f6f6f6;
    color: #85d6c8;
}

.index-page .box4 .mycard {
    background: #fff;
    margin-bottom: 1rem;
}

.index-page .box4 .mycard .mycard-content a {
    font-size: 0;
    display: block;
}

.index-page .box4 .mycard .mycard-header {
    padding: 0.7rem 0.5rem;
}

.index-page .box4 .mycard .mycard-header h5 {
    font-size: 0.7rem;
    line-height: 0.7rem;
    float: left;
    padding-right: 0.5rem;
    border-right: 1px dashed #0c0c0c;
    margin: 0;
    margin-right: 0.5rem;
}

.index-page .box4 .mycard .mycard-header span {
    font-size: 0.5rem;
    float: left;
    color: #c5c5c5;
}

.index-page .box4 .mycard .mycard-header a {
    float: right;
    font-size: 0.5rem;
    color: #c5c5c5;
}

.index-page .box4 .mycard .mycard-header a:active {
    color: #85d6c8;
}

.index-page .box5 {
    background: #fff;
    margin-bottom: 1rem;
    padding-bottom: 0.5rem;
}

.index-page .box5 .box5-1 {
    padding: 1rem;
}

.index-page .box5 .box5-1 h5 {
    font-size: 0.7rem;
    line-height: 0.7rem;
    float: left;
    padding-right: 0.5rem;
    border-right: 1px dashed #0c0c0c;
    margin: 0;
    margin-right: 0.5rem;
}

.index-page .box5 .box5-1 span {
    font-size: 0.5rem;
    float: left;
    color: #c5c5c5;
}

.index-page .box5 .box5-1 a {
    float: right;
    font-size: 0.5rem;
    color: #c5c5c5;
}

.index-page .box5 .box5-1 a:active {
    color: #85d6c8;
}

.index-page .box5 .box5-2 {
    padding: 0.5rem 1rem;
    padding-top: 0;
}

.index-page .box5 .box5-2 input {
    font-size: 0.7rem;
    float: left;
    width: 85%;
    height: 2rem;
    border: 1px solid #c5c5c5;
    text-indent: 0.5rem;
    border-right: none;
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.index-page .box5 .box5-2 button {
    float: left;
    width: 15%;
    height: 2rem;
    border: 1px solid #c5c5c5;
    background: url(img/index_search.png) no-repeat center;
    background-size: auto 70%;
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}

.index-page .box5 .box5-2 button:active {
    background-color: #85d6c8;
}

.index-page .box6 {
    margin-bottom: 0.5rem;
}

.index-page .box6 ul {
    padding: 0;
    margin: 0;
}

.index-page .box6 ul li {
    list-style: none;
    float: left;
    width: 32%;
    text-align: center;
    background: #fff;
    margin-bottom: 0.45rem;
    margin-right: 2%;
}

.index-page .box6 ul li img {
    width: 100%;
}

.index-page .box6 ul li:nth-child(3n) {
    margin-right: 0;
}

.index-page .box6 ul li a {
    font-size: 0.7rem;
    padding-bottom: 0.2rem;
    display: block;
    color: #999999;
}

.index-page .box6 ul li a:active {
    background: #f6f6f6;
    color: #85d6c8;
}

/*category-page*/
.category-page .box1 {
    padding: 0 5%;
    padding-bottom: 2.5rem;
    margin: 0.5rem auto;
    background: #fff;
}

.category-page .box1 .category-list {
    background: #fff;
}

.category-page .box1 .category-list a {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px dashed #c5c5c5;
    font-size: 0.7rem;
    color: #000;
}

.category-page .box1 .category-list a:active {
    background: #f6f6f6;
}

.category-page .box1 .category-list a img {
    width: 2.5rem;
    height: 2.5rem;
    float: left;
}

.category-page .box1 .category-list .category-child {
    display: none;
}

.category-page .box1 .category-list .category-child a {
    background: none;
    padding-left: 2.5rem;
}

.category-page .box1 .category-list .category-child a:active {
    background: #f6f6f6;
}

.category-page .box1 .category-list i {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.category-page .box1 .category-list .on i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #85d6c8;
}

/*product-list-page*/
.product-list-page .content {
    background: #f7f7f7;
}

.product-list-page .box1 {
    border-bottom: 1px solid #eeeeee;
    padding: 0.5rem 0;
    background: #fff;
}

.product-list-page .box1 a {
    float: left;
    width: 25%;
    height: 1.2rem;
    line-height: 1.2rem;
    text-align: center;
    color: #999999;
    font-size: 0.7rem;
    border-right: 1px dashed #eeeeee;
}

.product-list-page .box1 a:active {
    color: #85d6c8;
}

.product-list-page .box1 a#change-style {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.product-list-page .box1 a.s1 {
    border-right: none;
    background: url(img/pro_list_1.png) no-repeat center;
    background-size: 1.2rem auto;
}

.product-list-page .box1 a.s2 {
    background: url(img/pro_list_2.png) no-repeat center;
    background-size: 1.2rem auto;
}

.product-list-page .box1 a i {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.product-list-page .box1 a.on i {
    display: inline-block;
    height: 1.2rem;
    width: 1rem;
    background: url(img/ico_order_desc.png) no-repeat center;
    background-size: auto 0.7rem;
    position: absolute;
    top: 0;
    right: -1rem;
}

.product-list-page .box1 a.on span {
    display: inline-block;
    height: 1.2rem;
    position: relative;
}

.product-list-page .box1 a.on2 i {
    display: inline-block;
    height: 1.2rem;
    width: 1rem;
    background: url(img/ico_order_asc.png) no-repeat center;
    background-size: auto 0.7rem;
    position: absolute;
    top: 0;
    right: -1rem;
}

.product-list-page .box1 a.on2 span {
    display: inline-block;
    height: 1.2rem;
    position: relative;
}

.product-list-page .box2 ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.product-list-page .box2 li {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    -o-transition: all 0.3s;
}

/*STYLE-1*/
.product-list-page .img-box .LB {
    position: absolute;
    left: 0;
    bottom: 10%;

}

.product-list-page .img-box .RB {
    position: absolute;
    right: 0;
    bottom: 0;
}

.product-list-page .img-box .LT {
    position: absolute;
    left: 0.5rem;
    top: 0;
}

.product-list-page .img-box .RT {
    position: absolute;
    right: 0.5rem;
    top: 0;
}

.product-list-page .style-1 {
    padding: 0.7rem 3%;
}

.product-list-page .style-1 li {
    margin-bottom: 0.7rem;
}

.product-list-page .style-1 .img-box {
    font-size: 0;
    position: relative;
}

.product-list-page .style-1 .img-box span.xianhuo {
    width: 3.5rem;
    height: 4rem;
    background: url(img/xianhuo.png) no-repeat left top;
    background-size: 3rem;
}

.product-list-page .style-1 .img-box span.huodong {
    background: #f85c5d;
    padding: 0.5rem 1rem;
    border-top-right-radius: 2rem;
    border-bottom-right-radius: 2rem;
}

.product-list-page .style-1 .img-box span.huodong p {
    font-size: 0.5rem;
    color: #fff;
    margin: 0;
    text-align: center;
}

.product-list-page .style-1 .img-box span.huodong h5 {
    font-size: 0.7rem;
    color: #fff;
    margin: 0;
    text-align: center;
}

.product-list-page .style-1 .img-box span.huodong h5 i {
    font-size: 0.5rem;
    font-style: normal;
    font-weight: normal;
}

.product-list-page .style-1 .img-box img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
}

.product-list-page .style-1 .text-box {
    border: 1px solid #f1f1f1;
    border-top: none;
    padding: 0.5rem 0.2rem;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background: #fff;
}

.product-list-page .style-1 .text-box .text-text {
    float: left;
    padding-top: 0.7rem;
}

.product-list-page .style-1 .text-box .text-text p {
    margin: 0;
    color: #000;
    font-size: 1rem;
    float: left;
    padding-right: 0.5rem;
    border-right: 1px dashed #c5c5c5;
    margin-right: 0.5rem;
}

.product-list-page .style-1 .text-box .text-text p span {
    font-size: 0.5rem;
}

.product-list-page .style-1 .text-box .text-text a {
    float: left;
    font-size: 0.5rem;
    padding-top: 0.8rem;
    min-width: 1rem;
    text-align: center;
    background: url(img/pro_heart_black.png) no-repeat top center;
    background-size: 1rem auto;
}

.product-list-page .style-1 .text-box .text-text a.like {
    background: url(img/pro_heart.png) no-repeat top center;
    background-size: 1rem auto;
}

.product-list-page .style-1 .text-box .text-img {
    float: right;
    height: 2.5rem;
    line-height: 2.5rem;
}

.product-list-page .style-1 .text-box .text-img .text-img-list {
    float: right;
    margin: 0 0.3rem;
    width: 5.3rem;
    height: 2.5rem;
    overflow: hidden;
    position: relative;
}

.product-list-page .style-1 .text-box .text-img .text-img-list a {
    margin-left: 5px;
    float: left;
}

.product-list-page .style-1 .text-box .text-img .text-img-list a:first-child {
    margin-left: 0;
}

.product-list-page .style-1 .text-box .text-img .text-img-list a img {
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid #fff;
}

.product-list-page .style-1 .text-box .text-img .text-img-list a.on img {
    border-color: #6bc1b2;
}

.product-list-page .style-1 .text-box .text-img a {
    float: right;
    height: 2.5rem;
}

.product-list-page .style-1 .text-box .text-img .text-img-list .text-img-list-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 2.5rem;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

/*STYLE-2*/
.product-list-page .style-2 {
    padding: 0.7rem 1%;
}

.product-list-page .style-2 li {
    width: 48%;
    float: left;
    margin: 1%;
}

.product-list-page .style-2 li .img-box img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    width: 100%;
}

.product-list-page .style-2 li .text-box .text-text a {
    display: none;
}

.product-list-page .style-2 li .text-box .text-img {
    display: none;
}

.product-list-page .style-2 .img-box {
    font-size: 0;
    position: relative;
}

.product-list-page .style-2 .img-box span {
    position: absolute;
    z-index: 999;
}

.product-list-page .style-2 .img-box span.xianhuo {
    width: 2rem;
    height: 1rem;
    background: url(img/xianhuo2.png) no-repeat;
    background-size: 100%;
}

.product-list-page .style-2 .img-box span.huodong {
    background: #f85c5d;
    padding: 0.3rem 0.5rem;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
}

.product-list-page .style-2 .img-box span.huodong2 {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 4rem;
    height: 3rem;
    bottom: 0;
    left: 5px;
    background-position: bottom;
}

.product-list-page .style-2 .img-box span.huodong2 h5{
    color: #fff;
    font-size: 0.8rem;
    height: 1rem;
    margin-top: 1.6rem;
    text-align: center;
    padding-right: 5px;
}

.product-list-page .style-2 .img-box span.huodong2 h5 i{
    font-size: 0.5rem;
    font-weight: normal;
    font-style: normal;
}

.product-list-page .style-1 .img-box span.huodong2 {
    background-size: 100%;
    background-repeat: no-repeat;
    width: 5rem;
    height: 4rem;
    bottom: 0;
    left: 5px;
    background-position: bottom;
}


.product-list-page .style-1 .img-box span.huodong2 h5{
    color: #fff;
    font-size: 1.2rem;
    height: 1rem;
    margin-top: 2.1rem;
    text-align: center;
    padding-right: 7px;
}

.product-list-page .style-1 .img-box span.huodong2 h5 i{
    font-size: 0.5rem;
    font-weight: normal;
    font-style: normal;
}

.product-list-page .img-box span.xinping {
    background: url(img/newGoods.png) no-repeat;
    background-size: 100% 100%;
    text-align: center;
    min-width: 2rem;
    min-height: 2.5rem;
    padding: 0 0.2rem;
}

.product-list-page .img-box span.xinping p {
    font-size: 0.7rem;
    color: #fff;
    margin: 0;
    padding: 0.2rem 0;
    padding-bottom: 0.1rem;
    margin-bottom: 0.1rem;
    border-bottom: 1px dashed #fff;
    font-weight: bold;
}

.product-list-page .img-box span.xinping i {
    font-size: 0.5rem;
    color: #fff;
    margin: 0;
    font-style: normal;
}

.product-list-page .img-box span.huodong p {
    color: #fff;
    font-size: 0.5rem;
    margin: 0;
    text-align: center;
}

.product-list-page .style-2 .img-box span.huodong h5 {
    color: #fff;
    font-size: 0.6rem;
    margin: 0;
    text-align: center;
}

.product-list-page .style-2 .img-box span.huodong h5 i {
    font-weight: normal;
    font-size: 0.5rem;
    font-style: normal;
}

.product-list-page .style-2 li .text-box .text-text {
    padding: 0.5rem;
    border: 1px solid #f1f1f1;
    border-top: none;
    background: #fff;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.product-list-page .style-2 li .text-box .text-text p {
    margin: 0;
    color: #000;
    font-size: 0.8rem;
}

.product-list-page .style-2 li .text-box .text-text p span {
    font-size: 0.5rem;
}

.ShoppingCart {
    position: fixed;
    left: 0.5rem;
    bottom: 0.5rem;
    width: 3rem;
    height: 3rem;
    background: url(img/ShoppingCart.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.ShoppingCart:active {
    width: 4rem;
    height: 4rem;
}

/*search-page*/
.search-page .content {
    background: #fff;
}

.search-page .box1 {
    width: 100%;
    height: 0.5rem;
    background: #f7f7f7;
}

.search-page .box2 {
    padding: 0.5rem 1rem;
}

.search-page .box2 #keywords {
    float: left;
    width: 89%;
    height: 2.5rem;
    font-size: 0.75rem;
    border: none;
    border-bottom: 1px solid #c5c5c5;
}

.search-page .box2 #search-btn {
    float: left;
    width: 10%;
    height: 2.5rem;
    border: none;
    background: url(img/search_btn.png) no-repeat center;
    background-size: 1.2rem;
    border-bottom: 1px solid #c5c5c5;
}

.search-page .box3 {
    padding: 0 1rem;
}

.search-page .box3 p {
    color: #999999;
    font-size: 0.7rem;
    margin: 0;
    margin-bottom: 0.5rem;
}

.search-page .box3 a {
    color: #999999;
    font-size: 0.7rem;
    margin-right: 0.5rem;
    padding: 0.2rem;
    display: inline-block;
}

.search-page .box3 a:active {
    color: #6bc1b2;
}

/*service-page*/
.service-page .box1 {
    background: #fff;
    padding: 0.5rem;
    margin-top: 0.7rem;
    position: relative;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.service-page .box1 textarea {
    resize: none;
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 5rem;
    font-size: 0.7rem;
}

.service-page .box1 .font-num {
    position: absolute;
    display: inline-block;
    right: 0.5rem;
    bottom: 0.3rem;
    font-size: 0.5rem;
    color: #999999;
}

.service-page .box2 {
    background: #fff;
    padding: 0.5rem;
    margin-top: 0.7rem;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.service-page .box2 input {
    width: 100%;
    font-size: 0.7rem;
    border: none;
}

.service-page .box3 {
    padding: 1rem 0.7rem;
}

.service-page .box3 a {
    height: 2rem;
    line-height: 2rem;
}

.service-page .box3 a:active {
    background: #f7f7f7;
    border: 1px solid #6bc0b1;
    color: #6bc0b1;
}

.service-page .box4 {
    background: #fff;
    padding: 0.5rem;
    margin: 0 0.7rem;
    margin-bottom: 1rem;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.service-page .box4 .box4-img {
    float: left;
    width: 25%;
    font-size: 0;
}

.service-page .box4 .box4-text {
    float: left;
    width: 75%;
    text-align: center;
}

.service-page .box4 .box4-text p {
    margin: 0;
    font-size: 0.7rem;
    color: #000;
    margin-top: 0.5rem;
}

.service-page .box4 .box4-text p span {
    color: #6bc0b1;
}

.service-page .box4-bg {
    padding-top: 7rem;
    background: url(img/service_1.png) no-repeat bottom right;
    background-size: 5rem;
}

@media screen and (max-width: 374px) {
    .service-page .box4-bg {
        padding-top: 5rem;
    }
}

/*goods-show-page*/
.goods-show-page .bar-nav img {
    height: 1.2rem;
    margin-left: 0.5rem;
}

.goods-show-page .box1 {
    position: relative;
}

.goods-show-page .box1 .huodong {
    position: absolute;
    bottom: 0;
    left: 5px;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 6rem;
    height: 4.6rem;
    background-position: bottom;
}

.goods-show-page .box1 .huodong h5{
    color: #fff;
    font-size: 1.2rem;
    height: 1rem;
    margin-top: 2.5rem;
    text-align: center;
    padding-right: 5px;
}

.goods-show-page .box1 .huodong h5 i{
    font-size: 0.5rem;
    font-weight: normal;
    font-style: normal;
}

.goods-show-page .focus {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.goods-show-page .focus .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 11px;
    font-size: 0;
    text-align: center;
}

.goods-show-page .focus .hd ul {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.goods-show-page .focus .hd ul li {
    list-style: none;
    display: none;
    font-size: 0.5rem;
    background: url(img/goods_show_2.png) repeat;
    padding-left: 5px;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    color: #fff;
}

.goods-show-page .focus .hd ul .on {
    display: inline-block;
}

.goods-show-page .focus .hd span {
    display: inline-block;
    font-size: 0.5rem;
    background: url(img/goods_show_2.png) repeat;
    padding-right: 5px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    color: #fff;
}

.goods-show-page .focus .bd {
    position: relative;
    z-index: 0;
}

.goods-show-page .focus .bd li {
    font-size: 0;
}

.goods-show-page .focus .bd li img {
    width: 100%;
    background: url(img/loading.gif) center center no-repeat;
    vertical-align: bottom;
}

.goods-show-page .focus .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 鍙栨秷閾炬帴楂樹寒 */
    display: inline-block;
    font-size: 0;
}

.goods-show-page .box2 {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    padding: 1rem;
}

.goods-show-page .box2 p {
    font-size: 0.75rem;
    color: #000;
    margin: 0;
    float: left;
    width: 70%;
}

.goods-show-page .box2 a {
    font-size: 0.5rem;
    color: #999999;
    float: right;
    width: 10%;
    padding-top: 1.3rem;
    min-width: 1.3rem;
    text-align: center;
    background: url(img/pro_heart_black.png) no-repeat top center;
    background-size: 1.3rem;
    margin-top: 0.3rem;
}

.goods-show-page .box2 a.on {
    background: url(img/pro_heart.png) no-repeat top center;
    background-size: 1rem;
}

.goods-show-page .box3 {
    padding: 0 1rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.goods-show-page .box3 ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.goods-show-page .box3 ul li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #ebebeb;
}

.goods-show-page .box3 ul li:last-child {
    border-bottom: none;
}

.goods-show-page .box3 ul li a {
    font-size: 0.7rem;
    color: #000;
    display: block;
}

.goods-show-page .box3 ul li a span {
    font-size: 0.5rem;
    color: #fff;
    padding: 2px 4px;
    background: #6ac2b1;
    border-radius: 3px;
    margin-right: 3px;
}

.goods-show-page .box3 ul li a i {
    font-style: normal;
    margin-left: 0.5rem;
}

.goods-show-page .box3 ul li a i:last-child {
    margin-left: 0;
}

.goods-show-page .box4 {
    padding: 0.5rem 1rem;
    padding-bottom: 0.6rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.goods-show-page .box4 p {
    margin: 0;
    font-size: 0.7rem;
    color: #999;
    float: left;
    width: 50%;
}

.goods-show-page .box4 p:nth-child(2n) {
    float: right;
}

.goods-show-page .box4 h4 {
    font-size: 0.75rem;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
}

.goods-show-page .box4 table {
    width: 100%;
    font-size: 0.7rem;
}

.goods-show-page .box4 table th {
    font-weight: normal;
    color: #fff;
    background: #6ac2b1;
    font-size: 0.5rem;
    padding: 5px 0
}

.goods-show-page .box4 table td {
    text-align: center;
    color: #999;
    border: 1px solid #ebebeb;
    padding: 2px 0;
}

.goods-show-page .box5 {
    padding: 0.5rem 1rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.goods-show-page .box5 h4 {
    font-size: 0.75rem;
    margin: 0;
    margin-bottom: 0.5rem;
}

.goods-show-page .box5 .col-20 {
    text-align: center;
}

.goods-show-page .box5 .col-20 img {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.goods-show-page .box5 .col-80 h5 {
    font-size: 0.7rem;
    margin: 0;
    color: #000;
}

.goods-show-page .box5 .col-80 p {
    font-size: 0.6rem;
    margin: 0;
    color: #999;
}

.goods-show-page .box5 .col-80 h5 i {
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    background: url(img/star_defult.png) no-repeat;
    background-size: 100% 100%;
}

.goods-show-page .box5 .col-80 h5 i.half {
    background: url(img/star_half.png) no-repeat;
    background-size: 100% 100%;
}

.goods-show-page .box5 .col-80 h5 i.full {
    background: url(img/star_full.png) no-repeat;
    background-size: 100% 100%;
}

.goods-show-page .box5 .col-100 {
    font-size: 0.7rem;
    color: #585858;
}

.goods-show-page .box5 li {
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0.5rem;
}

.goods-show-page .box5 .box5-more {
    text-align: center;
}

.goods-show-page .box5 .box5-more a {
    font-size: 0.5rem;
    color: #6ac2b1;
    display: inline-block;
    border: 1px solid #6ac2b1;
    padding: 0.1rem 0.3rem;
    border-radius: 3px;
}

.goods-show-page .box6 {
    padding: 0.5rem 0;
    background: #fff;
    display: none;
    overflow-x: hidden;
}

.goods-show-page .goods-tip {
    text-align: center;
    padding: 0.5rem 0;
    font-size: 0.5rem;
}

.goods-show-page .infinite-scroll-preloader {
    display: none;
}

.goods-show-page .content {
    padding-bottom: 6rem;
}

.goods-show-page .box7 {
    position: fixed;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0.95);
    width: 100%;
    padding: 0.5rem 1rem;
    border-top: 1px solid #ebebeb;
    z-index: 4;
}

.goods-show-page .box7 .price h4 {
    font-size: 1rem;
    margin: 0;
    color: #f97373;
}

.goods-show-page .box7 .price h4 s {
    font-size: 0.5rem;
    margin-left: 0.2rem;
    font-weight: normal;
    color: #999;
}

.goods-show-page .box7 .price h4 span {
    font-size: 0.5rem;
}

.goods-show-page .box7 .price p {
    font-size: 0.5rem;
    color: #999;
    margin: 0;
}

.goods-show-page .box7 .car {
    margin-top: 0.5rem;
}

.goods-show-page .box7 .car a {
    display: block;
    padding: 0.2rem 0;
    text-align: center;
    border: 1px solid #ebebeb;
    border-radius: 3px;
    height: 1.9rem;
    position: relative;
}

.goods-show-page .box7 .car a:active {
    background: #f6f6f6;
}

.goods-show-page .box7 .car a i {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(img/goods_show_car.png) no-repeat center;
    background-size: 1.5rem;
}

.goods-show-page .box7 .buy {
    text-align: center;
    margin-top: 0.5rem;
}

.goods-show-page .box7 .car a span {
    font-size: 0.5rem;
    background: #f97373;
    color: #fff;
    padding: 0 5px;
    border-radius: 7px;
    position: absolute;
    top: 1px;
    left: 53%;
}

.goods-show-page .box7 .buy a {
    font-size: 0.8rem;
    color: #fff;
    height: 1.9rem;
    line-height: 1.9rem;
    background: #6bc1b2;
    display: block;
    border: 1px solid #6bc1b2;
    border-radius: 3px;
}

.goods-show-page .box7 .buy a:active {
    background: #15c2a4;
}

.goods-show-page .box7 .mini-img {
    width: 50%;
    margin-left: 0;
}

.goods-show-page .box7 .mini-img .cover {
    width: 4.8rem;
    height: 2.2rem;
    overflow: hidden;
    position: relative;
    float: right;
}

.goods-show-page .box7 .mini-img .cover .inner {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.goods-show-page .box7 .mini-img .cover li {
    float: left;
    font-size: 0;
    margin-right: 0.2rem;
    border: 2px solid #fff;
}

.goods-show-page .box7 .mini-img .cover li.on {
    border: 2px solid #6bc1b2;
}

.goods-show-page .box7 .mini-img .cover li a {
    display: block;
}

.goods-show-page .box7 .mini-img .cover li img {
    width: 2rem;
    height: 2rem;
}

.goods-show-page .box7 .mini-img .icon {
    height: 2.2rem;
    line-height: 2.2rem;
    width: 1rem;
    text-align: center;
}

.goods-show-page .box8 {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding: 1rem 0;
    background: #fff;
    z-index: 9;
    padding-top: 0;
}

.goods-show-page .box8 .box8-1 {
    max-width: 800px;
    margin: 0 auto;
    position: relative;
    background: #f7f7f7;
    padding-top: 1rem;
}

.goods-show-page .box8 .box8-1 h4 {
    font-size: 0.8rem;
    margin: 0;
}

.goods-show-page .box8 .box8-1 h4 span {
    font-size: 0.5rem;
}

.goods-show-page .box8 .box8-1 h4 i {
    font-size: 0.5rem;
    color: #999;
    font-style: normal;
}

.goods-show-page .box8 .box8-1 h3 {
    font-size: 0.7rem;
    margin: 0;
}

.goods-show-page .box8 .box8-1 p {
    font-size: 0.7rem;
    color: #999;
    margin: 0;
}

.goods-show-page .box8 #close-car {
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 2rem;
    background: url(img/goods_show_close.png) no-repeat center;
    background-size: 40% 40%;
}

.goods-show-page .box8 .box8-2 {
    max-width: 800px;
    margin: 0 auto;
    padding: 0 0.7rem;
}

.goods-show-page .box8 .box8-2 h5 {
    font-size: 0.75rem;
    margin: 0.4rem 0 0.2rem 0;
}

.goods-show-page .box8 .box8-2 a {
    display: inline-block;
    color: #000;
    font-size: 0.7rem;
    padding: 0 0.5rem;
    height: 1.8rem;
    line-height: 1.8rem;
    border: 1px solid #9a9997;
    margin-right: 0.4rem;
    margin-bottom: 0.3rem;
}

.goods-show-page .box8 .box8-2 a.on {
    color: #fff;
    background: #6bc2b2;
    border: 1px solid #6bc2b2;
}

.goods-show-page .box8 .box8-2 .num-box a {
    padding: 0;
    height: 1.8rem;
    width: 1.8rem;
    font-size: 1rem;
    line-height: 1.7rem;
    text-align: center;
    float: left;
}

.goods-show-page .box8 .box8-2 .num-box input[type='text'] {
    display: inline-block;
    height: 1.8rem;
    width: 1.8rem;
    float: left;
    margin-right: 0.4rem;
    text-align: center;
    font-size: 0.7rem;
    border: 1px solid #9a9997;
}

.goods-show-page .box8 .box8-2 .size-box a {
    min-width: 1.8rem;
    padding: 0 0.2rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
}

.goods-show-page .box8 .box8-2 .submit-bt {
    margin: 0;
    padding: 0;
    background: #6bc2b2;
    color: #fff;
    height: 1.8rem;
    text-align: center;
    line-height: 1.8rem;
    border: 1px solid #6bc2b2;
    width: 100%;
    margin-top: 1rem;
}

.goods-show-page .box8 .box8-2 a:active {
    background: #15c2a4;
}

.goods-show-page .box8 .box8-2 a.sellout {
    background: #f8f8f8;
    color: #999;
    border: 1px solid #cccccc;
}

.goods-show-page .box8 .box8-3 {
    background: #f7f7f7;
    border-bottom: 1px solid #f1f0ef;
    padding: 0 0.7rem;
    height: 1.5rem;
}

.goods-show-page .box8 .box8-3 a {
    float: left;
    width: 50%;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    font-size: 0.6rem;
    border-bottom: 1px solid #f1f0ef;
    color: #000;
}

.goods-show-page .box8 .box8-3 a.on {
    border: 1px solid #f1f0ef;
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #6bc1b2;
}

.goods-show-page .box8 .box8-3 a i {
    color: #999;
    font-style: normal;
}

.goods-show-page .box8 .box8-3 a.on i {
    color: #6bc1b2;
}

.goods-show-page .box-share {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding: 1rem;
    background: #fff;
    z-index: 9;
    padding-top: 1.3rem;
}

.goods-show-page .box-share #closeShare {
    position: absolute;
    right: 0.5rem;
    top: 0.5rem;
    width: 1rem;
    height: 1rem;
}

.goods-show-page .guide {
    position: fixed;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #2f2f2f;
}

.goods-show-page .guide img {
    width: 100%;
}

.goods-show-page .box-share .bdsharebuttonbox {
    text-align: center;
}

.goods-show-page .box-share .bdsharebuttonbox a {
    float: none !important;
    background: none !important;
    display: inline-block;
    width: 2rem;
    height: 2rem;
    padding: 0 !important;
    margin: 0 0.5rem !important;
}

.goods-show-page .box9 {
    background: #f7f7f7;
    width: 100%;
    position: fixed;
    bottom: -100%;
    left: 0;
    padding: 1rem 0.5rem;
    z-index: 10;
}

.goods-show-page .box9 .box9-1 {
    background: url(img/goods_show_9.png) repeat-x center;
    text-align: center;
    position: relative;
    max-width: 600px;
    margin: 0 auto;
}

.goods-show-page .box9 .box9-1 p {
    display: inline-block;
    background: #f7f7f7;
    padding: 0 0.3rem;
    color: #6bc1b2;
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0;
}

.goods-show-page .box9 .box9-1 a {
    position: absolute;
    right: 0;
    bottom: -0.4rem;
    width: 2rem;
    height: 2rem;
    background: #f7f7f7 url(img/goods_show_close2.png) no-repeat center;
    background-size: 50% 50%;
}

.goods-show-page .box9 .box9-2 {
    max-height: 400px;
    overflow-y: auto;
    max-width: 600px;
    margin: 0 auto;
}

.goods-show-page .box9 .box9-2 .voucher {
    margin: 0 auto;
    margin-top: 1rem;
    max-width: 414px;
}

.goods-show-page .box9 .box9-2 .voucher .voucher-left {
    background: #fff;
    width: 70%;
    float: left;
    height: 5.5rem;
    padding: 0.5rem;
    padding-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.goods-show-page .box9 .box9-2 .voucher .voucher-right {
    background: url(img/mall_3.png) no-repeat;
    background-size: 100% 100%;
    width: 30%;
    float: left;
    height: 5.5rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.goods-show-page .box9 .box9-2 .received .voucher-right {
    background: url(img/mall_4.png) no-repeat;
    background-size: 100% 100%;
}

.goods-show-page .box9 .box9-2 .voucher .voucher-left p {
    font-size: 0.5rem;
    color: #6bc1b2;
    margin: 0;
}

.goods-show-page .box9 .box9-2 .voucher .voucher-left .left-1 {
    border-bottom: 1px dashed #6bc1b2;
    border-top: 1px dashed #6bc1b2;
    padding: 0.3rem 0;
}

.goods-show-page .box9 .box9-2 .voucher .voucher-left .left-1 .w-10 {
    width: 10%;
    float: left;
    color: #6bc1b2;
}

.goods-show-page .box9 .box9-2 .voucher .voucher-left .left-1 .w-40 {
    width: 40%;
    float: left;
    font-size: 1.8rem;
    color: #6bc1b2;
}

.goods-show-page .box9 .box9-2 .voucher .voucher-left .left-1 .w-50 {
    width: 50%;
    float: left;
}

.goods-show-page .box9 .box9-2 .voucher .voucher-left .left-1 .w-50 span {
    display: inline-block;
    padding: 0.1rem;
    font-size: 0.5rem;
    color: #6bc1b2;
    border: 1px dashed #6bc1b2;
    margin-bottom: 0.3rem;
}

.goods-show-page .box9 .box9-2 .voucher-right {
    padding-top: 1rem;
    position: relative;
}

.goods-show-page .box9 .box9-2 .voucher-right p {
    font-size: 0.6rem;
    text-align: center;
    color: #fff;
    text-indent: 0.5rem;
    margin: 0;
}

.goods-show-page .box9 .box9-2 .voucher-right .to-use {
    font-size: 0.6rem;
    color: #fff;
    background: #6bc1b2;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    position: absolute;
    right: 1rem;
    bottom: 0.5rem;
    border-radius: 3px;
}

.goods-show-page .box9 .box9-2 .voucher-right .to-get {
    font-size: 0.6rem;
    color: #6bc1b2;
    background: #fff;
    padding: 0.3rem 0.5rem;
    display: inline-block;
    position: absolute;
    right: 0.6rem;
    bottom: 1rem;
    border-radius: 3px;
}

@media screen and (max-width: 374px) {
    .goods-show-page .box9 .box9-2 .voucher-right .to-use {
        right: 0.5rem;
    }

    .goods-show-page .box9 .box9-2 .voucher-right .to-get {
        right: 0.4rem;
    }
}


/*reviews-page*/
.reviews-page .content {
    background: #fff;
}

.reviews-page .box1 {
    padding: 0.5rem 1rem;
    margin-top: 0.7rem;
}

.reviews-page .box1 .col-20 {
    text-align: center;
}

.reviews-page .box1 .col-20 img {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.reviews-page .box1 .col-80 h5 {
    font-size: 0.7rem;
    height: 1rem;
    overflow: hidden;
    margin: 0;
    color: #000;
}

.reviews-page .box1 .col-80 p {
    font-size: 0.6rem;
    margin: 0;
    color: #999;
}

.reviews-page .box1 .col-80 h5 i {
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    background: url(img/star_defult.png) no-repeat;
    background-size: 100% 100%;
}

.reviews-page .box1 .col-80 h5 i.half {
    background: url(img/star_half.png) no-repeat;
    background-size: 100% 100%;
}

.reviews-page .box1 .col-80 h5 i.full {
    background: url(img/star_full.png) no-repeat;
    background-size: 100% 100%;
}

.reviews-page .box1 .col-100 {
    font-size: 0.7rem;
    color: #585858;
}

.reviews-page .box1 .reply {
    background: #e6fffb;
    border: 1px solid #aad3cd;
    padding: 5px;
    border-radius: 2px;
    margin: 0.5rem 0;
    margin-left: 4%;
    color: #838383;
    position: relative;
}

.reviews-page .box1 .reply span {
    color: #6bc1b2;
}

.reviews-page .box1 .reply i {
    display: inline-block;
    width: 1rem;
    height: 0.5rem;
    background: url(img/ico_reviews.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -0.45rem;
    left: 1rem;
}

.reviews-page .box1 .col-100 img {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    margin-top: 0.2rem;
}

.reviews-page .box1 li {
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0.5rem;
}

.reviews-page .infinite-scroll-preloader {
    display: none;
}

/*car-page*/
.car-page .bar .pull-right {
    font-size: 0.7rem;
    color: #3d4145;
}

.car-page .box1 {
    margin-top: 0.7rem;
    margin-bottom: 2.7rem;
    background: #fff;
    padding: 0.5rem;
    padding-bottom: 1rem;
}

.car-page .box1 ul {
    max-width: 500px;
    margin: 0 auto;
}

.car-page .box1 li {
    padding: 0.5rem 0;
    height: 5.7rem;
    border-bottom: 1px solid #dddddd;
    position: relative;
}

.car-page .box1 li .w-10 {
    float: left;
    width: 10%;
    height: 4.7rem;
    line-height: 5.5rem;
    text-align: center;
    position: relative;
}

.car-page .box1 li .w-10 a {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(img/car_unchecked.png) no-repeat center;
    background-size: 60% 60%;
}

.car-page .box1 li .w-10 a.on {
    background: url(img/car_checked.png) no-repeat center;
    background-size: 60% 60%;
}

.car-page .box1 li .w-10 input {
    display: none;
}

.car-page .box1 li .w-30 {
    float: left;
    width: 30%;
    height: 4.7rem;
    text-align: left;
    position: relative;
}

.car-page .box1 li .w-30 img {
    width: 4rem;
    height: 4rem;
    margin-top: 0.3rem;
}

.car-page .box1 li .w-60 {
    float: left;
    width: 60%;
}

.car-page .box1 li .w-60 h4 {
    font-size: 0.7rem;
    line-height: 1rem;
    max-height: 2rem;
    overflow-y: hidden;
    margin: 0;
    width: 70%;
}

.car-page .box1 li .w-60 p {
    font-size: 0.5rem;
    margin: 0;
    color: #999;
}

.car-page .box1 li .w-60 .num {
    margin-top: 0.2rem;
}

.car-page .box1 li .w-60 .num a {
    float: left;
    width: 1.5rem;
    height: 1.5rem;
    border: 1px solid #c5c5c5;
    text-align: center;
    line-height: 1.4rem;
}

.car-page .box1 li .w-60 .num a:active {
    background: #6bc1b2;
    color: #fff;
}

.car-page .box1 li .w-60 .num input {
    float: left;
    width: 2rem;
    height: 1.5rem;
    border: 1px solid #c5c5c5;
    border-left: none;
    border-right: none;
    text-align: center;
    font-size: 0.7rem;
}

.car-page .box1 li .price {
    position: absolute;
    right: 0;
    top: 0.5rem;
    font-size: 0.7rem;
    color: #6bc1b2;
    margin: 0;
    font-weight: bold;
}

.car-page .box1 li .price span {
    font-size: 0.5rem;
}

.car-page .box1 li .delete {
    position: absolute;
    right: 0.5rem;
    bottom: 0.8rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(img/goods_show_close.png) no-repeat;
    background-size: 100% 100%;
}

.car-page .box1 li.sellout .w-30 .sellout-cover {
    position: absolute;
    top: 0.3rem;
    left: 0;
    width: 4rem;
    height: 4rem;
    background: url(img/sellout.png) no-repeat center;
    background-size: 70%;
}

.car-page .box1 li.sellout .w-10 .sellout-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.car-page .box1 li .w-30 .stock-cover {
    display: none;
    position: absolute;
    left: 0;
    top: 3.4rem;
    font-size: 0.5rem;
    background: #6fc3b4;
    color: #fff;
    height: 0.9rem;
    padding: 0 0.1rem;
}

.car-page .box1 li.stock .w-30 .stock-cover {
    display: inline-block;
}

.car-page .box1 li .cancle-stock {
    float: left;
    width: 2.4rem !important;
    height: 1.5rem !important;
    background: url(img/car_2.png) no-repeat;
    background-size: auto 100%;
    display: none;
    margin-left: 0.2rem;
    border: none !important;
}

.car-page .box1 li.stock .cancle-stock {
    display: block;
}

.car-page .box2 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    background: #fff;
}

.car-page .box2 .box2-1 {
    float: left;
    width: 70%;
    height: 2rem;
}

.car-page .box2 .box2-1 a {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(img/car_unchecked.png) no-repeat center;
    background-size: 60% 60%;
    margin-left: 0.5rem;
    margin-top: 0.2rem;
}

.car-page .box2 .box2-1 a.on {
    background: url(img/car_checked.png) no-repeat center;
    background-size: 60% 60%;
}

.car-page .box2 .box2-1 h5 {
    float: right;
    margin: 0;
    text-align: right;
    font-size: 0.75rem;
}

.car-page .box2 .box2-1 h5 p {
    float: right;
    font-size: 0.5rem;
    color: #f97373;
    margin: 0 0.5rem;
}

.car-page .box2 .box2-1 h5 p span {
    font-size: 0.9rem;
}

.car-page .box2 .box2-2 {
    float: left;
    width: 30%;
}

.car-page .box2 .box2-2 a {
    display: block;
    font-size: 0.7rem;
    text-align: center;
    background: #6fc3b4;
    color: #fff;
}

.car-page .box2 .box2-2 a:active {
    background: #15c2a4;
}

.car-page .box3 {
    padding-top: 2rem;
    background: url(img/car_3.png) no-repeat top center;
    background-size: auto 2rem;
    text-align: center;
    margin-top: 30%;
}

.car-page .box3 p {
    font-size: 0.7rem;
    margin: 0.2rem 0;
    color: #999;
}

.car-page .box3 a {
    display: inline-block;
    font-size: 0.5rem;
    color: #fff;
    background: #6fc3b4;
    padding: 0.3rem 0.7rem;
    border-radius: 3px;
}

.car-page .box3 a:active {
    background: #15c2a4;
}

/*confirm-page*/
.confirm-page .box1 {
    background: #fff;
    padding: 0.5rem 1rem;
    margin-top: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.confirm-page .box1 h4 {
    margin: 0;
    font-size: 0.75rem;
    color: #000;
    padding-left: 1.5rem;
    background: url(img/payment_ico.png) no-repeat left center;
    background-size: 0.9rem auto;
    font-weight: normal;
}

.confirm-page .box1 span {
    float: right;
    font-size: 0.7rem;
    color: #6bc1b2;
}

.confirm-page .box1 a {
    display: block;
    background: url(img/confirm_ico_right.png) no-repeat right center;
    background-size: 0.5rem auto;
}

.confirm-page .box1 h3 {
    margin: 0;
    font-size: 0.75rem;
    color: #000;
    padding-left: 1.5rem;
    background: url(img/confirm_1.png) no-repeat left top;
    background-size: 0.9rem auto;
    font-weight: normal;
}

.confirm-page .box1 p {
    font-size: 0.7rem;
    margin: 0;
    color: #999;
    padding: 0 1.5rem;

}

.confirm-page .box2 {
    padding: 0 1rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.confirm-page .box2 li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f5f5f5;
}

.confirm-page .box2 li:last-child {
    border-bottom: none;
}

.confirm-page .box2 li .w-20 {
    float: left;
    width: 20%;
}

.confirm-page .box2 li .g-img {
    font-size: 0;
    padding-top: 0.2rem;
}

.confirm-page .box2 li .w-60 {
    float: left;
    width: 60%;
}

.confirm-page .box2 li .w-60 h4 {
    margin: 0;
    font-size: 0.7rem;
    color: #000;
    line-height: 1rem;
    max-height: 2rem;
    overflow-y: hidden;
    padding: 0 0.5rem;
}

.confirm-page .box2 li .w-60 p {
    margin: 0;
    font-size: 0.5rem;
    color: #999;
    padding: 0 0.5rem;
}

.confirm-page .box2 li .g-price {
    text-align: right;
}

.confirm-page .box2 li .g-price p {
    margin: 0;
    font-size: 0.7rem;
    color: #6bc1b2;
    margin-top: 1rem;
    font-weight: bold;
}

.confirm-page .box2 li .g-price p i {
    font-size: 0.5rem;
    font-style: normal;
    font-weight: normal;
}

.confirm-page .box2 li .g-price p span {
    color: #999;
    font-size: 0.5rem;
    font-weight: normal;
}

@media screen and (max-width: 374px) {
    .confirm-page .box2 li .w-60 h4 {
        max-height: 1rem;
    }

    .confirm-page .box2 li .g-price p {
        margin-top: 0.5rem;
    }
}

.confirm-page .box3 {
    padding: 0.5rem 1rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.confirm-page .box3 .box3-1 a {
    display: block;
    font-size: 0.7rem;
    color: #000;
    background: url(img/confirm_ico_down.png) no-repeat right center;
    background-size: 0.85rem;
}

.confirm-page .box3 .box3-1 a.on {
    background: url(img/confirm_ico_up.png) no-repeat right center;
    background-size: 0.85rem;
}

.confirm-page .box3 .box3-2 {
    display: none;
}

.confirm-page .box3 .box3-2 ul {
    padding-left: 1rem;
    padding-top: 0.5rem;
}

.confirm-page .box3 .box3-2 li span {
    float: left;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(img/confirm_ico_unchecked.png) no-repeat center;
    background-size: 60% 60%;
    margin-top: 0.25rem;
}

.confirm-page .box3 .box3-2 li.on span {
    background: url(img/confirm_ico_checked.png) no-repeat center;
    background-size: 60% 60%;
}

.confirm-page .box3 .box3-2 li .des {
    float: left;
    padding: 0.2rem;
    width: 90%;
}

.confirm-page .box3 .box3-2 li.zh .des {
    border: 1px solid #f5f5f5;
}

.confirm-page .box3 .box3-2 li h4 {
    margin: 0;
    font-size: 0.7rem;
    height: 1rem;
    overflow: auto;
}

.confirm-page .box3 .box3-2 li p {
    margin: 0;
    color: #999;
    font-size: 0.5rem;
    line-height: 1rem;
    height: 2rem;
    overflow: auto;
}

.confirm-page .ico {
    font-size: 0.5rem;
    color: #fff;
    background: #6bc1b2;
    font-style: normal;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 3px;
    margin-right: 0.5rem;
}

.confirm-page .ico2 {
    font-size: 0.5rem;
    color: #fff;
    background: #f97373;
    font-style: normal;
    display: inline-block;
    padding: 0 0.2rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 3px;
    margin-right: 0.5rem;
    margin-left: 0.5rem;
}

.confirm-page .box4 {
    padding: 0.5rem 1rem;
    background: #fff;
    margin-top: 0.7rem;
    font-size: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.confirm-page .box4 a {
    display: block;
    color: #000;
    background: url(img/confirm_ico_right.png) no-repeat right center;
    background-size: 0.5rem;
}

.confirm-page .box5 {
    padding: 0.5rem 1rem;
    background: #fff;
    margin-top: 0.7rem;
    font-size: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.confirm-page .box5 a {
    display: block;
    color: #000;
    background: url(img/confirm_ico_right.png) no-repeat right center;
    background-size: 0.5rem;
}

.confirm-page .box5 a span {
    font-size: 0.5rem;
    float: right;
    margin-right: 1rem;
}

.confirm-page .box6 {
    background: #fff;
    padding: 0 1rem;
    margin-top: 0.7rem;
    margin-bottom: 3rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.confirm-page .box6 p {
    margin: 0;
    font-size: 0.7rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f5f5f5;
    color: #999;
}

.confirm-page .box6 p:last-child {
    border-bottom: none;
}

.confirm-page .box6 p span {
    color: #6bc1b2;
    float: right;
}

.confirm-page .box7 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    background: #fff;
}

.confirm-page .box7 .box7-1 {
    float: left;
    width: 60%;
    height: 2rem;
}

.confirm-page .box7 .box7-1 h5 {
    margin: 0;
    font-size: 0.7rem;
    padding-left: 1rem;
    float: left;
}

.confirm-page .box7 .box7-1 p {
    float: left;
    margin: 0;
    font-size: 0.5rem;
    margin-left: 0.5rem;
    color: #f97373;
}

.confirm-page .box7 .box7-1 p span {
    font-size: 0.7rem;
    font-weight: bold;
}

.confirm-page .box7 .box7-2 {
    float: left;
    width: 40%;
    height: 2rem;
}

.confirm-page .box7 .box7-2 a {
    font-size: 0.7rem;
    color: #fff;
    background: #6bc1b2;
    display: block;
    text-align: center;
}

.confirm-page .box7 .box7-2 a:active {
    background: #15c2a4;
}

.confirm-page .box8 {
    position: fixed;
    bottom: -100%;
    left: 0;
    background: #fff;
    z-index: 999;
    padding: 0 1rem;
    width: 100%;
    padding-bottom: 0.5rem;
}

.confirm-page .box8 h3 {
    text-align: center;
    margin: 0.5rem 0;
    font-size: 0.7rem;
    font-weight: normal;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 0.5rem;
}

.confirm-page .box8 h3 span {
    color: #f97373;
    font-weight: bold;
    font-size: 0.75rem;
}

.confirm-page .box8 h3 i {
    font-style: normal;
    color: #f97373;
    font-size: 0.5rem;
}

.confirm-page .box8 h5 {
    font-size: 0.5rem;
    color: #999;
    margin: 0;
    font-weight: normal;
    margin-bottom: 0.5rem;
}

.confirm-page .box8 li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #ebebeb;
    padding-left: 1rem;
    background: url(img/confirm_ico_pay_2.png) no-repeat left center;
    background-size: 0.7rem;
}

.confirm-page .box8 li.on {
    background: url(img/confirm_ico_pay_1.png) no-repeat left center;
    background-size: 0.7rem;
}

.confirm-page .box8 li a {
    display: block;
}

.confirm-page .box8 li p {
    margin: 0;
    font-size: 0.7rem;
    color: #000;
    padding-left: 1.3rem;
    margin-left: 0.5rem;
}

.confirm-page .box8 li.weixinpay p {
    background: url(img/confirm_wxpay.png) no-repeat left center;
    background-size: 1rem;
}

.confirm-page .box8 li.alipay p {
    background: url(img/confirm_alipay.png) no-repeat left center;
    background-size: 1rem;
}

.confirm-page .box8 .btn-pay {
    display: block;
    background: #6bc1b2;
    color: #fff;
    text-align: center;
    font-size: 0.7rem;
    padding: 0.4rem 0;
    margin-top: 2rem;
}

.confirm-page .box8 .btn-pay:active {
    background: #15c2a4;
}

.confirm-page .box8 .close-pay {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(img/goods_show_close.png) no-repeat center;
    background-size: 60% 60%;
    position: absolute;
    right: 1rem;
    top: 0.3rem;
}

/*buy-page*/
.buy-page .bar a.pull-right {
    color: #3d4145;
    font-size: 0.7rem;
}

.buy-page p {
    margin: 0;
}

.buy-page h4 {
    margin: 0;
}

.buy-page h5 {
    margin: 0;
}

.buy-page .box1 {
    padding: 0 1rem;
    background: #fff;
    margin: 0.7rem 0;
    margin-bottom: 2.7rem;
}

.buy-page .box1 li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.buy-page .box1 li .w-20 {
    width: 25%;
    float: left;
}

.buy-page .box1 li .w-80 {
    width: 72%;
    float: right;
}

.buy-page .box1 li .w-20 {
    font-size: 0;
}

.buy-page .box1 li .w-20 p {
    font-size: 0.5rem;
    border: 1px solid #ebebeb;
    border-top: none;
    padding: 3px;
    text-align: center;
}

.buy-page .box1 li .w-80 h4 {
    font-size: 0.75rem;
    color: #000;
}

.buy-page .box1 li .w-80 h5 {
    font-size: 0.7rem;
    color: #6bc1b2;
    font-weight: normal;
}

.buy-page .box1 li .w-80 h5 strong {
    font-weight: bold;
    font-size: 0.8rem;
}

.buy-page .box1 li .w-80 h5 span {
    color: #999;
    font-size: 0.5rem;
}

.buy-page .box1 li .w-80 p {
    font-size: 0.7rem;
    color: #999;
}

.buy-page .box1 li .w-80 .btn-box {
    padding-top: 0.6rem;
}

.buy-page .box1 li .w-80 .btn-box a {
    float: left;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.3rem;
    border: 1px solid #c5c5c5;
}

.buy-page .box1 li .w-80 .btn-box a:first-child {
    border-right: none;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.buy-page .box1 li .w-80 .btn-box a:nth-child(3) {
    border-left: none;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.buy-page .box1 li .w-80 .btn-box input {
    float: left;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    border: 1px solid #c5c5c5;
    font-size: 0.7rem;
    color: #000;
}

.buy-page .box1 li .btn-buy {
    position: absolute;
    right: 0;
    bottom: 0.5rem;
    font-size: 0.7rem;
    display: block;
    width: 4rem;
    height: 1.8rem;
    line-height: 1.7rem;
    border: 1px solid #6bc1b2;
    color: #6bc1b2;
    text-align: center;
    border-radius: 2px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.buy-page .box1 li .btn-buy-on {
    color: #fff;
    background: #6bc1b2;
}

.buy-page .box1 li:last-child {
    border-bottom: none;
}

.buy-page .box1 li.sellout .btn-buy {
    display: none;
}

.buy-page .box1 li.sellout {
    background: url(img/buy_sell_out.png) no-repeat right bottom;
    background-size: 4rem;
}

.buy-page .box2 {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2rem;
    line-height: 2rem;
    background: #fff;
}

.buy-page .box2 .box2-1 {
    float: left;
    width: 60%;
    height: 2rem;
}

.buy-page .box2 .box2-1 h5 {
    margin: 0;
    font-size: 0.7rem;
    padding-left: 1rem;
    float: left;
}

.buy-page .box2 .box2-1 p {
    float: left;
    margin: 0;
    font-size: 0.5rem;
    margin-left: 0.5rem;
    color: #f97373;
}

.buy-page .box2 .box2-1 p span {
    font-size: 0.7rem;
    font-weight: bold;
}

.buy-page .box2 .box2-2 {
    float: left;
    width: 40%;
    height: 2rem;
}

.buy-page .box2 .box2-2 a {
    font-size: 0.7rem;
    color: #fff;
    background: #6bc1b2;
    display: block;
    text-align: center;
}

.buy-page .box2 .box2-2 a:active {
    background: #15c2a4;
}

/*order-vouchers-page*/
.order-vouchers-page .box1 {
    padding: 0 1rem;
    margin: 0.7rem auto;
    max-width: 500px;
}

.order-vouchers-page .box1 ul li {
    list-style: none;
    background: url(img/myvouchers_1.png) no-repeat top left;
    background-size: 100% 100%;
    padding: 0.2rem 0.5rem;
    margin-bottom: 1rem;
    position: relative;
}

.order-vouchers-page .box1 ul li .number {
    font-size: 0.6rem;
    color: #fff;
    margin: 0;
    padding-bottom: 0.1rem;
    border-bottom: 1px dashed #fff;
}

.order-vouchers-page .box1 ul li .v-info {
    padding-bottom: 0.7rem;
}

.order-vouchers-page .box1 ul li .v-info-10 {
    float: left;
    width: 10%;
    color: #fff;
    font-size: 1rem;
    padding-top: 0.5rem;
}

.order-vouchers-page .box1 ul li .v-info-20 {
    float: left;
    width: 25%;
    font-size: 2rem;
    color: #fff;
    padding-top: 0.2rem;
}

.order-vouchers-page .box1 ul li .v-info-70 {
    float: left;
    width: 65%;
}

.order-vouchers-page .box1 ul li .v-info-70 p {
    font-size: 0.7rem;
    color: #fff;
    margin: 0;
    margin-top: 0.5rem;
}

.order-vouchers-page .box1 ul li .v-info-70 .v-info-70-left {
    font-size: 0.6rem;
    color: #fff;
    border: 1px dashed #fff;
    padding: 0.1rem 0.3rem;
    margin-top: 0.2rem;
}

.order-vouchers-page .box1 ul li .v-info-70 .v-info-70-right {
    font-size: 0.6rem;
    color: #fff;
    margin-top: 0.5rem;
}

.order-vouchers-page .box1 ul li .date {
    font-size: 0.6rem;
    color: #999999;
    margin: 0;
    text-align: right;
}

.order-vouchers-page .box1 ul li .btn-checked {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(img/confirm_ico_pay_2.png) no-repeat center;
    background-size: 50%;
}

.order-vouchers-page .box1 ul li.on .btn-checked {
    background: url(img/confirm_ico_pay_1.png) no-repeat center;
    background-size: 50%;
}

.order-vouchers-page .box2 {
    padding: 0 1rem;
    margin: 0.7rem auto;
    padding-bottom: 3rem;
    max-width: 500px;
}

.order-vouchers-page .box2 ul li {
    list-style: none;
    background: url(img/myvouchers_2.png) no-repeat top left;
    background-size: 100% 100%;
    padding: 0.2rem 0.5rem;
    margin-bottom: 1.5rem;
    position: relative;
}

.order-vouchers-page .box2 ul li .number {
    font-size: 0.6rem;
    color: #fff;
    margin: 0;
    padding-bottom: 0.1rem;
    border-bottom: 1px dashed #fff;
}

.order-vouchers-page .box2 ul li .v-info {
    padding-bottom: 0.7rem;
}

.order-vouchers-page .box2 ul li .v-info-10 {
    float: left;
    width: 10%;
    color: #fff;
    font-size: 1rem;
    padding-top: 0.5rem;
}

.order-vouchers-page .box2 ul li .v-info-20 {
    float: left;
    width: 25%;
    font-size: 2rem;
    color: #fff;
    padding-top: 0.2rem;
}

.order-vouchers-page .box2 ul li .v-info-70 {
    float: left;
    width: 65%;
}

.order-vouchers-page .box2 ul li .v-info-70 p {
    font-size: 0.7rem;
    color: #fff;
    margin: 0;
    margin-top: 0.5rem;
}

.order-vouchers-page .box2 ul li .v-info-70 .v-info-70-left {
    font-size: 0.6rem;
    color: #fff;
    border: 1px dashed #fff;
    padding: 0.1rem 0.3rem;
    margin-top: 0.2rem;
}

.order-vouchers-page .box2 ul li .v-info-70 .v-info-70-right {
    font-size: 0.6rem;
    color: #fff;
    margin-top: 0.5rem;
}

.order-vouchers-page .box2 ul li .date {
    font-size: 0.6rem;
    color: #999999;
    margin: 0;
    text-align: right;
}

.order-vouchers-page .box2 ul li .btn-checked {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(img/confirm_ico_pay_2.png) no-repeat center;
    background-size: 50%;
}

.order-vouchers-page .box2 .box2-1 {
    background: url(img/order_vouchers_1.png) repeat-x;
    background-size: auto 100%;
    text-align: center;
    padding-bottom: 0.2rem;
    margin-bottom: 0.5rem;
}

.order-vouchers-page .box2 .box2-1 p {
    display: inline-block;
    background: #f7f7f7;
    margin: 0;
    font-size: 0.7rem;
    color: #999;
    padding: 0 0.5rem;
}

.order-vouchers-page .box2 .tip {
    position: absolute;
    bottom: -1.2rem;
    left: 0;
    margin: 0;
    font-size: 0.5rem;
    color: #999;
    height: 1rem;
}

.order-vouchers-page .box2 .tip i {
    display: inline-block;
    width: 0.7rem;
    height: 0.7rem;
    line-height: 0.6rem;
    text-align: center;
    font-style: normal;
    border: 1px solid #999;
    border-radius: 50%;
    margin-right: 0.2rem;
}

/*obligations-page*/
.obligations-page .order-num {
    background: #fff;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #f5f5f5;
}

.obligations-page .order-num p {
    padding-left: 1.5rem;
    background: url(img/obligations_1.png) no-repeat left center;
    background-size: 0.9rem auto;
    font-size: 0.7rem;
    margin: 0;
}

.obligations-page .order-num p span {
    float: right;
    color: #f97373;
}

.obligations-page .box1 {
    background: #fff;
    padding: 0.5rem 1rem;
    margin-top: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.obligations-page .box1 a {
    display: block;
}

.obligations-page .box1 h3 {
    margin: 0;
    font-size: 0.75rem;
    color: #000;
    padding-left: 1.5rem;
    background: url(img/confirm_1.png) no-repeat left top;
    background-size: 0.9rem auto;
    font-weight: normal;
}

.obligations-page .box1 p {
    font-size: 0.7rem;
    margin: 0;
    color: #999;
    padding: 0 1.5rem;

}

.obligations-page .box1 h4 {
    margin: 0;
    font-size: 0.75rem;
    color: #000;
    padding-left: 1.5rem;
    background: url(img/payment_ico.png) no-repeat left center;
    background-size: 0.9rem auto;
    font-weight: normal;
}

.obligations-page .box1 span {
    float: right;
    font-size: 0.7rem;
    color: #6bc1b2;
}

.obligations-page .box1 span.wxpay {
    background: url(img/confirm_wxpay.png) no-repeat left center;
    background-size: 1rem;
    padding-left: 1.2rem;
    color: #000;
}

.obligations-page .box1 span.alipay {
    background: url(img/confirm_alipay.png) no-repeat left center;
    background-size: 1rem;
    padding-left: 1.2rem;
    color: #000;
}

.obligations-page .box2 {
    padding: 0 1rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.obligations-page .box2 li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f5f5f5;
}

.obligations-page .box2 li:last-child {
    border-bottom: none;
}

.obligations-page .box2 li .w-20 {
    float: left;
    width: 20%;
}

.obligations-page .box2 li .g-img {
    font-size: 0;
    padding-top: 0.2rem;
}

.obligations-page .box2 li .w-60 {
    float: left;
    width: 60%;
}

.obligations-page .box2 li .w-60 h4 {
    margin: 0;
    font-size: 0.7rem;
    color: #000;
    line-height: 1rem;
    max-height: 2rem;
    overflow-y: hidden;
    padding: 0 0.5rem;
}

.obligations-page .box2 li .w-60 p {
    margin: 0;
    font-size: 0.5rem;
    color: #999;
    padding: 0 0.5rem;
}

.obligations-page .box2 li .g-price {
    text-align: right;
}

.obligations-page .box2 li .g-price p {
    margin: 0;
    font-size: 0.7rem;
    color: #6bc1b2;
    margin-top: 1rem;
    font-weight: bold;
}

.obligations-page .box2 li .g-price p i {
    font-size: 0.5rem;
    font-style: normal;
    font-weight: normal;
}

.obligations-page .box2 li .g-price p span {
    color: #999;
    font-size: 0.5rem;
    font-weight: normal;
}

@media screen and (max-width: 374px) {
    .obligations-page .box2 li .w-60 h4 {
        max-height: 1rem;
    }

    .obligations-page .box2 li .g-price p {
        margin-top: 0.5rem;
    }
}

.obligations-page .box3 {
    padding: 0.5rem 1rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.obligations-page .box3 .box3-1 a {
    display: block;
    font-size: 0.7rem;
    color: #000;
}

.obligations-page .box3 .box3-1 a.on {
    background: url(img/confirm_ico_up.png) no-repeat right center;
    background-size: 0.85rem;
}

.obligations-page .box3 .box3-2 {
    display: none;
}

.obligations-page .box3 .box3-2 ul {
    padding-left: 1rem;
    padding-top: 0.5rem;
}

.obligations-page .box3 .box3-2 li span {
    float: left;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(img/confirm_ico_unchecked.png) no-repeat center;
    background-size: 60% 60%;
    margin-top: 0.25rem;
}

.obligations-page .box3 .box3-2 li.on span {
    background: url(img/confirm_ico_checked.png) no-repeat center;
    background-size: 60% 60%;
}

.obligations-page .box3 .box3-2 li .des {
    float: left;
    padding: 0.2rem;
}

.obligations-page .box3 .box3-2 li.zh .des {
    border: 1px solid #f5f5f5;
}

.obligations-page .box3 .box3-2 li h4 {
    margin: 0;
    font-size: 0.7rem;
}

.obligations-page .box3 .box3-2 li p {
    margin: 0;
    color: #999;
    font-size: 0.5rem;
}

.obligations-page .ico {
    font-size: 0.5rem;
    color: #fff;
    background: #6bc1b2;
    font-style: normal;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    text-align: center;
    line-height: 1rem;
    border-radius: 3px;
    margin-right: 0.5rem;
}

.obligations-page .box4 {
    padding: 0.5rem 1rem;
    background: #fff;
    margin-top: 0.7rem;
    font-size: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.obligations-page .box4 a {
    display: block;
    color: #000;
}

.obligations-page .box4-1 {
    padding: 0;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.obligations-page .box4-1 li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f5f5f5;
}

.obligations-page .box4-1 li:last-child {
    border-bottom: none;
}

.obligations-page .box4-1 li .w-20 {
    float: left;
    width: 20%;
}

.obligations-page .box4-1 li .g-img {
    font-size: 0;
    padding-top: 0.2rem;
}

.obligations-page .box4-1 li .w-60 {
    float: left;
    width: 60%;
}

.obligations-page .box4-1 li .w-60 h4 {
    margin: 0;
    font-size: 0.7rem;
    color: #000;
    line-height: 1rem;
    max-height: 2rem;
    overflow-y: hidden;
    padding: 0 0.5rem;
}

.obligations-page .box4-1 li .w-60 p {
    margin: 0;
    font-size: 0.5rem;
    color: #999;
    padding: 0 0.5rem;
}

.obligations-page .box4-1 li .g-price {
    text-align: right;
}

.obligations-page .box4-1 li .g-price p {
    margin: 0;
    font-size: 0.7rem;
    color: #6bc1b2;
    margin-top: 1rem;
    font-weight: bold;
}

.obligations-page .box4-1 li .g-price p i {
    font-size: 0.5rem;
    font-style: normal;
    font-weight: normal;
}

.obligations-page .box4-1 li .g-price p span {
    color: #999;
    font-size: 0.5rem;
    font-weight: normal;
}

@media screen and (max-width: 374px) {
    .obligations-page .box4-1 li .w-60 h4 {
        max-height: 1rem;
    }

    .obligations-page .box4-1 li .g-price p {
        margin-top: 0.5rem;
    }
}

.obligations-page .box5 {
    padding: 0.5rem 1rem;
    background: #fff;
    margin-top: 0.7rem;
    font-size: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.obligations-page .box5 a {
    display: block;
    color: #000;
}

.obligations-page .box5 a span {
    font-size: 0.5rem;
    float: right;
    color: #f97373;
}

.obligations-page .box6 {
    background: #fff;
    padding: 0 1rem;
    margin-top: 0.7rem;
    margin-bottom: 3rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.obligations-page .box6 p {
    margin: 0;
    font-size: 0.7rem;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f5f5f5;
    color: #999;
}

.obligations-page .box6 p:last-child {
    border-bottom: none;
}

.obligations-page .box6 p span {
    color: #6bc1b2;
    float: right;
}

.obligations-page .box7 {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2rem;
    background: #fff;
}

.obligations-page .box7 .box7-1 {
    float: left;
    width: 50%;
}

.obligations-page .box7 .box7-1 p {
    margin: 0;
    font-size: 0.7rem;
    line-height: 2rem;
    padding-left: 1rem;
}

.obligations-page .box7 .box7-1 p span {
    color: #f97373;
    font-weight: bold;
}

.obligations-page .box7 .box7-1 p i {
    color: #f97373;
    font-size: 0.5rem;
    font-style: normal;
}

.obligations-page .box7 .box7-2 {
    float: left;
    width: 50%;
    text-align: right;
}

.obligations-page .box7 .box7-2 a {
    display: inline-block;
    width: 3rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.4rem;
    font-size: 0.6rem;
    margin-right: 1rem;
}

.obligations-page .box7 .box7-2 a.cancle {
    border: 1px solid #999;
    border-radius: 2px;
    margin-top: 0.25rem;
    margin-right: 0.2rem;
    color: #999;
}

.obligations-page .box7 .box7-2 a.pay {
    border: 1px solid #6bc1b2;
    border-radius: 2px;
    margin-top: 0.25rem;
    background: #6bc1b2;
    color: #fff;
}

.obligations-page .box8 {
    position: fixed;
    bottom: -100%;
    left: 0;
    background: #fff;
    z-index: 999;
    padding: 0 1rem;
    width: 100%;
    padding-bottom: 0.5rem;
}

.obligations-page .box8 h3 {
    text-align: center;
    margin: 0.5rem 0;
    font-size: 0.7rem;
    font-weight: normal;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 0.5rem;
}

.obligations-page .box8 h3 span {
    color: #f97373;
    font-weight: bold;
    font-size: 0.75rem;
}

.obligations-page .box8 h3 i {
    font-style: normal;
    color: #f97373;
    font-size: 0.5rem;
}

.obligations-page .box8 h5 {
    font-size: 0.5rem;
    color: #999;
    margin: 0;
    font-weight: normal;
    margin-bottom: 0.5rem;
}

.obligations-page .box8 li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #ebebeb;
    padding-left: 1rem;
    background: url(img/confirm_ico_pay_2.png) no-repeat left center;
    background-size: 0.7rem;
}

.obligations-page .box8 li.on {
    background: url(img/confirm_ico_pay_1.png) no-repeat left center;
    background-size: 0.7rem;
}

.obligations-page .box8 li a {
    display: block;
}

.obligations-page .box8 li p {
    margin: 0;
    font-size: 0.7rem;
    color: #000;
    padding-left: 1.3rem;
    margin-left: 0.5rem;
}

.obligations-page .box8 li.weixinpay p {
    background: url(img/confirm_wxpay.png) no-repeat left center;
    background-size: 1rem;
}

.obligations-page .box8 li.alipay p {
    background: url(img/confirm_alipay.png) no-repeat left center;
    background-size: 1rem;
}

.obligations-page .box8 .btn-pay {
    display: block;
    background: #6bc1b2;
    color: #fff;
    text-align: center;
    font-size: 0.7rem;
    padding: 0.4rem 0;
    margin-top: 2rem;
}

.obligations-page .box8 .btn-pay:active {
    background: #15c2a4;
}

.obligations-page .box8 .close-pay {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(img/goods_show_close.png) no-repeat center;
    background-size: 60% 60%;
    position: absolute;
    right: 1rem;
    top: 0.3rem;
}

.obligations-page .after-sales {
    text-align: right;
    padding-top: 0.5rem;
}

.obligations-page .after-sales a {
    display: inline-block;
    background: #6bc1b2;
    color: #fff;
    font-size: 0.6rem;
    padding: 0.2rem 0.5rem;
    border-radius: 2px;
}

.obligations-page .after-sales span {
    font-size: 0.6rem;
    color: #f97373;
}

.obligations-page .entrance-box{
    background: #fff;
    padding: 0.5rem;
    text-align: right;
}

.obligations-page .entrance-box a{
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    padding: 0 0.5rem;
    margin-left: 0.2rem;
    font-size: 0.75rem;
    border-radius: 2px;
}

.obligations-page .entrance-box a.gray{
    border: 1px solid #999;
    color: #999;
}

.obligations-page .entrance-box a.green{
    background: #6bc1b2;
    color: #fff;
}


/*pending-page*/
.pending-page .order-box {
    padding: 0 1rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #f5f5f5;
    border-left: none;
    border-right: none;
}

.pending-page .order-box:last-child {
    margin-bottom: 2rem;
}

.pending-page .order-box ul {
    max-width: 600px;
    margin: 0 auto;
}

.pending-page .order-box li {
    padding: 0.5rem 0;
    border-bottom: 1px solid #f5f5f5;
}

.pending-page .order-box li .w-20 {
    float: left;
    width: 20%;
}

.pending-page .order-box li .g-img {
    font-size: 0;
    padding-top: 0.2rem;
}

.pending-page .order-box li .w-60 {
    float: left;
    width: 60%;
}

.pending-page .order-box li .w-60 h4 {
    margin: 0;
    font-size: 0.7rem;
    color: #000;
    line-height: 1rem;
    max-height: 2rem;
    overflow-y: hidden;
    padding: 0 0.5rem;
}

.pending-page .order-box li .w-60 p {
    margin: 0;
    font-size: 0.5rem;
    color: #999;
    padding: 0 0.5rem;
}

.pending-page .order-box li .g-price {
    text-align: right;
}

.pending-page .order-box li .g-price p {
    margin: 0;
    font-size: 0.7rem;
    color: #999;
    margin-top: 1rem;
    font-weight: bold;
}

.pending-page .order-box li .g-price a.btn {
    font-size: 0.5rem;
    background: #6bc1b2;
    color: #fff;
    height: 1.2rem;
    line-height: 1.2rem;
    display: inline-block;
    padding: 0 0.5rem;
    border-radius: 3px;
}

.pending-page .order-box li .g-price p i {
    font-size: 0.5rem;
    font-style: normal;
    font-weight: normal;
}

.pending-page .order-box li .g-price p span {
    color: #999;
    font-size: 0.5rem;
    font-weight: normal;
}

.pending-page .tip p{
    font-size: 0.6rem;
    color: #999;
    text-align: center;
}

@media screen and (max-width: 374px) {
    .pending-page .order-box li .w-60 h4 {
        max-height: 1rem;
    }

    .pending-page .order-box li .g-price p {
        margin-top: 0.5rem;
    }
}

.pending-page .order-box .order-header {
    max-width: 600px;
    margin: 0 auto;
}

.pending-page .order-box .order-header h3 {
    font-size: 0.7rem;
    font-weight: normal;
    padding: 0.5rem 0;
    margin: 0;
    border-bottom: 1px solid #ebebeb;
}

.pending-page .order-box .order-header h3 span {
    float: right;
    color: #f97373;
}

.pending-page .order-box .order-footer {
    text-align: right;
    padding-bottom: 1rem;
    max-width: 600px;
    margin: 0 auto;
}

.pending-page .order-box .order-footer h3 {
    font-size: 0.7rem;
    font-weight: normal;
    margin: 0.5rem 0;
}

.pending-page .order-box .order-footer h3 span {
    font-size: 0.5rem;
    color: #999;
}

.pending-page .order-box .order-footer h3 i {
    font-size: 0.5rem;
    color: #f97373;
    font-style: normal;
}

.pending-page .order-box .order-footer h3 strong {
    color: #f97373;
}

.pending-page .order-box .order-footer a {
    font-size: 0.7rem;
    background: #6bc1b2;
    color: #fff;
    height: 1.5rem;
    line-height: 1.5rem;
    display: inline-block;
    padding: 0 0.5rem;
    border-radius: 3px;
}

.pending-page .order-box .order-footer a.btn-cancle {
    background: #fff;
    color: #999;
    border: 1px solid #999;
    margin-right: 0.5rem;
}

.pending-page .order-box .order-footer a.defult {
    border: 1px solid #ccc;
    color: #999;
    background: #fff;
}

.pending-page .order-box .order-footer a:active {
    background: #15c2a4;
}

.pending-page .order-box .order-footer a.no-bg{
    border: 1px solid #6bc1b2;
    background: none;
    color: #6bc1b2;
}

.pending-page .empty-box {
    padding-top: 5rem;
    background: url(img/ico_no_pending_payment.png) no-repeat center;
    background-size: 3rem;
    margin-top: 3rem;
}

.pending-page .empty-box p {
    font-size: 0.7rem;
    color: #999;
    text-align: center;
}

.pending-page .no-delivery {
    padding-top: 5rem;
    background: url(img/ico_no_delivery.png) no-repeat center;
    background-size: 3rem;
    margin-top: 3rem;
}

.pending-page .no-delivery p {
    font-size: 0.7rem;
    color: #999;
    text-align: center;
}

.pending-page .no-recipient {
    padding-top: 5rem;
    background: url(img/ico_no_recipient.png) no-repeat center;
    background-size: 3rem;
    margin-top: 3rem;
}

.pending-page .no-recipient p {
    font-size: 0.7rem;
    color: #999;
    text-align: center;
}

.pending-page .no-after-sales {
    padding-top: 5rem;
    background: url(img/ico_no_after_sales.png) no-repeat center;
    background-size: 3rem;
    margin-top: 3rem;
}

.pending-page .no-after-sales p {
    font-size: 0.7rem;
    color: #999;
    text-align: center;
}

.pending-page .no-assessment {
    padding-top: 5rem;
    background: url(img/ico_no_assessment.png) no-repeat center;
    background-size: 3rem;
    margin-top: 3rem;
}

.pending-page .no-assessment p {
    font-size: 0.7rem;
    color: #999;
    text-align: center;
}

/*logistics-page*/
.logistics-page .box1 {
    background: #fff;
    padding: 0.5rem 1rem;
    margin-top: 0.7rem;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.logistics-page .box1 .w-25 {
    width: 25%;
    float: left;
    font-size: 0;
}

.logistics-page .box1 .w-25 img {
    width: 100%;
}

.logistics-page .box1 .w-75 {
    width: 75%;
    float: left;
}

.logistics-page .box1 .w-25 p {
    font-size: 0.5rem;
    color: #999;
    border: 1px solid #e5e5e5;
    border-top: none;
    margin: 0;
    text-align: center;
    padding: 0.2rem 0;
}

.logistics-page .box1 .w-75 h3 {
    font-size: 0.75rem;
    margin: 0;
    padding-left: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: normal;
}

.logistics-page .box1 .w-75 h3 span {
    color: #f97373;
}

.logistics-page .box1 .w-75 p {
    color: #999;
    margin: 0;
    font-size: 0.7rem;
    padding-left: 0.5rem;
}

.logistics-page .box1 .w-75 p a {
    color: #6bc1b2;
}

.logistics-page .box2 {
    background: #fff;
    padding: 0.5rem 1rem;
    margin-top: 0.7rem;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.logistics-page .box2 h3 {
    font-size: 0.75rem;
    color: #000;
    font-weight: normal;
    margin: 0;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0.3rem;
}

.logistics-page .box2 li {
    padding-top: 0.3rem;
    padding-left: 1.5rem;
    border-left: 1px solid #ebebeb;
    margin-left: 0.5rem;
    position: relative;
}

.logistics-page .box2 li h5 {
    font-size: 0.7rem;
    color: #999;
    margin: 0;
    font-weight: normal;
}

.logistics-page .box2 li p {
    font-size: 0.7rem;
    color: #999;
    margin: 0;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #ebebeb;
}

.logistics-page .box2 li span {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background: #ebebeb;
    position: absolute;
    left: -0.25rem;
    top: 40%;
    border-radius: 50%;
    z-index: 2;
}

.logistics-page .box2 li:first-child h5 {
    color: #6bc1b2;
}

.logistics-page .box2 li:first-child p {
    color: #6bc1b2;
}

.logistics-page .box2 li:first-child span {
    background: #6bc1b2;
    width: 0.6rem;
    height: 0.6rem;
    left: -0.3rem;
}

.logistics-page .box2 li:first-child i {
    display: inline-block;
    width: 3px;
    height: 50%;
    position: absolute;
    left: -1px;
    top: 0;
    background: #fff;
    z-index: 1;
}

.logistics-page .box2 li:last-child i {
    display: inline-block;
    width: 3px;
    height: 50%;
    position: absolute;
    left: -1px;
    bottom: 0;
    background: #fff;
    z-index: 1;
}

.logistics-page .box2 li:last-child p {
    border: none;
}

/*evaluate-page*/
.evaluate-page .evaluate-box {
    background: #fff;
    padding: 0.5rem 1rem;
    margin-top: 0.7rem;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.evaluate-page .evaluate-box .w-20 {
    width: 20%;
    float: left;
    font-size: 0;
}

.evaluate-page .evaluate-box .w-80 {
    width: 80%;
    float: left;
}

.evaluate-page .evaluate-box .w-80 p {
    padding-left: 0.5rem;
    margin: 0.1rem 0 0 0;
    font-size: 0.75rem;
    color: #999;
}

.evaluate-page .evaluate-box .message textarea {
    width: 100%;
    height: 5rem;
    padding: 0.5rem 0;
    border: 1px solid #ebebeb;
    margin: 0.5rem 0;
    border-left: none;
    border-right: none;
    resize: none;
    font-size: 0.7rem;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-appearance:none;
}

.evaluate-page .evaluate-box .message {
    position: relative;
}

.evaluate-page .evaluate-box .message .font-num {
    position: absolute;
    right: 0;
    bottom: 1rem;
    font-size: 0.5rem;
    color: #999;
}

.evaluate-page .evaluate-box .user-imges input {
    float: left;
    width: 3rem;
    height: 3rem;
    font-size: 0;
    opacity: 0;
}

.evaluate-page .evaluate-box .user-imges a img {
    border: none;
}

.evaluate-page .evaluate-box .user-imges img {
    width: 18%;
    margin-right: 1%;
    float: left;
    border: 1px solid #ebebeb;
}

.evaluate-page .box1 .user-imges .imgupload{
    width: 3rem;
    height: 3rem;
    float: left;
    margin-right: 3px;
    background: url(img/evaluate_photo.png) no-repeat;
    background-size: 100% 100%;
}

.evaluate-page .box1 .user-imges .img{
    width: 3rem;
    height: 3rem;
    float: left;
    background-size: cover;
    background-position: center center;
    margin-right: 3px;
    position: relative;
}

.evaluate-page .box1 .user-imges .img .view-bt{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.evaluate-page .box1 .user-imges .img .deleteimg{
    width: 1rem;
    height: 1rem;
    background: #6bc1b2;
    color: #fff;
    position: absolute;
    right: -0.3rem;
    top: -0.3rem;
    border-radius: 50%;
    text-align: center;
    line-height: 0.8rem;
    font-style: normal;
    font-size: 0.8rem;
    z-index: 2;
}

.evaluate-page .img-view{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 999;
}

.evaluate-page .img-view .img-big{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position-y: center;
    background-repeat: no-repeat;
}

.evaluate-page .evaluate-box .count-box {
    padding-left: 0.5rem;
}

.evaluate-page .evaluate-box .count-box i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background: url(img/star_defult.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.evaluate-page .evaluate-box .count-box i.full {
    background: url(img/star_full.png) no-repeat;
    background-size: 100% 100%;
}

.evaluate-page .evaluate-box .anonymous-box{
    padding-top: 0.5rem;
    margin-top: 0.6rem;
    border-top: 1px solid #ebebeb;
    font-size: 0.65rem;
    height: 1.5rem;
    color: #666;
}

.evaluate-page .evaluate-box .anonymous-box input{
    float: left;
    width: 0.7rem;
    height: 0.7rem;
    margin-top: 0.15rem;
    margin-right: 0.2rem;
    border-radius: 7px;
}

.evaluate-page .evaluate-box .anonymous-box label {
    font-size:12px;
    cursor:pointer;
}

.evaluate-page .evaluate-box .anonymous-box label i {
    font-size:14px;
    font-style:normal;
    display:inline-block;
    width:0.8rem;
    height:0.8rem;
    text-align:center;
    line-height:0.7rem;
    color:#fff;
    vertical-align:middle;
    margin:-2px 2px 1px 0;
    border:#ccc 1px solid;
    border-radius: 0.7rem;
}

.evaluate-page .evaluate-box .anonymous-box input[type="checkbox"] {
    display:none;
}

.evaluate-page .evaluate-box .anonymous-box input[type="checkbox"]:checked + i {
    background:#6bc1b2;
    border-color: #6bc1b2;
}

@media screen and (min-width: 375px) {
    .evaluate-page .evaluate-box .count-box {
        margin-top: 0.5rem;
    }
}

.evaluate-page .box1 {
    margin-bottom: 3.7rem;
}

.evaluate-page .box2 {
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    border-top: 1px solid #ebebeb;
}

.evaluate-page .box2 a {
    display: block;
    width: 80%;
    height: 2rem;
    line-height: 2rem;
    margin: 0 auto;
    margin-top: 0.5rem;
    text-align: center;
    color: #fff;
    background: #6bc1b2;
    border-radius: 2px;
    font-size: 0.75rem;
}

.evaluate-page .box2 a:active {
    background: #15c2a4;
}

/*after-sales-page*/
.after-sales-page .box1 li {
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
    margin-top: 0.7rem;
    padding: 0.5rem;
    background: #fff;
}

.after-sales-page .box1 li i {
    float: left;
    width: 5%;
    color: #ff5252;
    height: 1.3rem;
    line-height: 1.6rem;
}

.after-sales-page .box1 li h3 {
    float: left;
    margin: 0;
    width: 35%;
    font-weight: normal;
    font-size: 0.75rem;
    height: 1.3rem;
    line-height: 1.3rem;
}

.after-sales-page .box1 li select {
    display: none;
}

.after-sales-page .box1 li input[type='text'] {
    float: left;
    width: 60%;
    height: 1.3rem;
    border: none;
    font-size: 0.7rem;
}

.after-sales-page .box1 li span {
    font-size: 0.7rem;
    color: #999;
    float: right;
    width: 60%;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: right;
    background: url(img/confirm_ico_right.png) no-repeat right center;
    background-size: 0.5rem;
    padding-right: 1rem;
}

.after-sales-page .box1 li p {
    font-size: 0.7rem;
    color: #999;
    float: right;
    width: 60%;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: right;
    padding-right: 1rem;
    margin: 0;
}

.after-sales-page .box1 .box1-1 {
    padding: 0.5rem;
}

.after-sales-page .box1 li .radio-box {
    float: left;
    width: 60%;
    height: 1.3rem;
    line-height: 1.3rem;
}

.after-sales-page .box1 .box1-1 span {
    float: left;
    width: 20%;
    font-size: 0.5rem;
    color: #999;
    margin-left: 5%;
}

.after-sales-page .box1 .box1-1 p {
    float: left;
    width: 75%;
    margin: 0;
    font-size: 0.5rem;
    color: #999;
}

.after-sales-page .box1 .box1-2 {
    padding: 0.5rem;
}

.after-sales-page .box1 .box1-2 h4 {
    font-weight: normal;
    font-size: 0.75rem;
    height: 1.3rem;
    line-height: 1.3rem;
    margin: 0;
    margin-left: 5%;
}

.after-sales-page .box1 .box1-3 {
    padding: 0.5rem;
    background: #fff;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.after-sales-page .box1 .box1-3 {
    position: relative;
}

.after-sales-page .box1 .box1-3 textarea {
    background: #fff;
    width: 100%;
    height: 5rem;
    resize: none;
    padding-left: 5%;
    font-size: 0.7rem;
    border: none;
}

.after-sales-page .box1 .box1-3 .font-num {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    font-size: 0.5rem;
    color: #999;
}

.after-sales-page .box1 {
    margin-bottom: 3.7rem;
}

.after-sales-page .box2 {
    background: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    border-top: 1px solid #ebebeb;
}

.after-sales-page .box2 a {
    display: block;
    width: 80%;
    height: 2rem;
    line-height: 2rem;
    margin: 0 auto;
    margin-top: 0.5rem;
    text-align: center;
    color: #fff;
    background: #6bc1b2;
    border-radius: 2px;
    font-size: 0.75rem;
}

.after-sales-page .box2 a:active {
    background: #15c2a4;
}

/*magic-check*/
@keyframes hover-color {
    from {
        border-color: #c0c0c0;
    }
    to {
        border-color: #3e97eb;
    }
}

.magic-radio,
.magic-checkbox {
    position: absolute;
    display: none;
}

.magic-radio[disabled],
.magic-checkbox[disabled] {
    cursor: not-allowed;
}

.magic-radio + label,
.magic-checkbox + label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    cursor: pointer;
    vertical-align: middle;
    font-size: 0.7rem;
    height: 22px;
    line-height: 22px;
    margin-right: 0.5rem;
}

.magic-radio + label:hover:before,
.magic-checkbox + label:hover:before {
    animation-duration: 0.4s;
    animation-fill-mode: both;
    animation-name: hover-color;
}

.magic-radio + label:before,
.magic-checkbox + label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: '';
    border: 1px solid #c0c0c0;
}

.magic-radio + label:after,
.magic-checkbox + label:after {
    position: absolute;
    display: none;
    content: '';
}

.magic-radio[disabled] + label,
.magic-checkbox[disabled] + label {
    cursor: not-allowed;
    color: #e4e4e4;
}

.magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
.magic-checkbox[disabled] + label:hover,
.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after {
    cursor: not-allowed;
}

.magic-radio[disabled] + label:hover:before,
.magic-checkbox[disabled] + label:hover:before {
    border: 1px solid #e4e4e4;
    animation-name: none;
}

.magic-radio[disabled] + label:before,
.magic-checkbox[disabled] + label:before {
    border-color: #e4e4e4;
}

.magic-radio:checked + label:before,
.magic-checkbox:checked + label:before {
    animation-name: none;
}

.magic-radio:checked + label:after,
.magic-checkbox:checked + label:after {
    display: block;
}

.magic-radio + label:before {
    border-radius: 50%;
}

.magic-radio + label:after {
    top: 7px;
    left: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #6bc1b2;
}

.magic-radio:checked + label:before {
    border: 1px solid #6bc1b2;
}

.magic-radio:checked[disabled] + label:before {
    border: 1px solid #c9e2f9;
}

.magic-radio:checked[disabled] + label:after {
    background: #c9e2f9;
}

.magic-checkbox + label:before {
    border-radius: 3px;
}

.magic-checkbox + label:after {
    top: 2px;
    left: 7px;
    box-sizing: border-box;
    width: 6px;
    height: 12px;
    transform: rotate(45deg);
    border-width: 2px;
    border-style: solid;
    border-color: #fff;
    border-top: 0;
    border-left: 0;
}

.magic-checkbox:checked + label:before {
    border: #6bc1b2;
    background: #6bc1b2;
}

.magic-checkbox:checked[disabled] + label:before {
    border: #c9e2f9;
    background: #c9e2f9;
}

/*after-sales-show-page*/
.after-sales-show-page .box1 {
    padding: 0.5rem 1rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.after-sales-show-page .box1 h3 {
    margin: 0;
    font-size: 0.8rem;
    padding-left: 1.2rem;
}

.after-sales-show-page .box1 h3.processing {
    color: #fa7373;
    background: url(img/after_sales_processing.png) no-repeat left center;
    background-size: 1rem;
}

.after-sales-show-page .box1 h3.success {
    color: #6bc1b2;
    background: url(img/after_sales_success.png) no-repeat left center;
    background-size: 1rem;
}

.after-sales-show-page .box1 p {
    color: #999;
    font-size: 0.6rem;
    padding-bottom: 0.5rem;
    margin: 0.3rem 0 0.5rem 0;
    border-bottom: 1px solid #ebebeb;
}

.after-sales-show-page .box1 h5 a {
    color: #000;
}

.after-sales-show-page .box1 h5 {
    font-size: 0.7rem;
    margin: 0;
    font-weight: normal;
}

.after-sales-show-page .box2 {
    padding: 0 1rem;
    background: #fff;
    margin-top: 0.7rem;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
    margin-bottom: 1rem;
}

.after-sales-show-page .box2 p {
    color: #999;
    font-size: 0.7rem;
    margin: 0;
    padding: 0.5rem 0;
    border-bottom: 1px solid #ebebeb;
}

.after-sales-show-page .box2 p:last-child {
    border: none;
}

.after-sales-show-page .box2 p span {
    color: #fa7373;
}

/*about-us-page*/
.about-us-page .box1 {
    padding: 2rem;
    text-align: center;
    height: 6rem;
}

.about-us-page .box1 img {
    width: 0;
    max-width: 8rem;
    transition: all 2s;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
}

.about-us-page .box1 .transform {
    width: 45%;
    transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg); /* Safari å’Œ Chrome */
    -moz-transform: rotateY(360deg);
}

.about-us-page .box2 {
    background: #fff;
    padding: 0 1rem;
    display: none;
}

.about-us-page .box2 a {
    display: block;
    font-size: 0.7rem;
    color: #000;
    padding: 0.5rem 0;
    border-bottom: 1px solid #ebebeb;
    background: url(img/confirm_ico_right.png) no-repeat right center;
    background-size: 0.4rem;
}

.about-us-page .box2 a:last-child {
    border: none;
    background: no-repeat;
}

.about-us-page .box2 a:active {
    color: #6bc1b2;
}

.about-us-page .box2 a span {
    float: right;
    color: #999;
}

.about-us-page .box2 a:active span {
    color: #fa7373;
}

.about-us-page .box2 a:last-child:active {
    color: #000;
}

/*counselling-page*/
.counselling-page .box1 {
    background: #fff;
    padding: 0 1rem;
    margin: 0.7rem 0;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.counselling-page .box1 a {
    display: block;
    color: #000;
    padding: 0.3rem 0;
    padding-left: 2rem;
    background: url(img/ico_counselling.png) no-repeat left center;
    background-size: 1.5rem;
    position: relative;
}

.counselling-page .box1 h5 {
    margin: 0;
    font-size: 0.75rem;
    font-weight: normal;
}

.counselling-page .box1 p {
    margin: 0;
    font-size: 0.7rem;
}

.counselling-page .box1 a i {
    display: block;
    width: 1rem;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: url(img/confirm_ico_right.png) no-repeat right center;
    background-size: auto 30%;
}

.counselling-page .box2 {
    margin: 2rem 1rem;
    text-align: center;
}

.counselling-page .box2 p {
    margin: 0.5rem 0;
    color: #000;
    font-size: 0.75rem;
}

.counselling-page .box2 img {
    width: 70%;
}

.counselling-page .box2 p span {
    color: #6bc1b2;
}

/*pay-state-page*/
.pay-state-page .box1 {
    font-size: 0;
}

.pay-state-page .box1 img {
    width: 100%;
}

.pay-state-page .box2 {
    margin-top: 0.7rem;
    padding: 0.5rem 1rem;
    background: #fff;
    border: 1px solid #ebebeb;
    border-left: none;
    border-right: none;
}

.pay-state-page .box2 h4 {
    font-size: 0.75rem;
    font-weight: normal;
    margin: 0;
}

.pay-state-page .box2 h4 i {
    font-size: 0.5rem;
    color: #f97373;
    font-style: normal;
}

.pay-state-page .box2 h4 span {
    color: #f97373;
    font-weight: bold;
}

.pay-state-page .box2 p {
    font-size: 0.6rem;
    margin: 0;
    color: #999;
    padding: 0.5rem 0;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid #ebebeb;
}

.pay-state-page .box2 .btn-box {
    padding: 1rem 0;
    text-align: center;
    border-top: 1px solid #ebebeb;
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.pay-state-page .box2 .btn-box a {
    display: inline-block;
    font-size: 0.6rem;
    color: #6bc1b2;
    border: 1px solid #6bc1b2;
    border-radius: 2px;
    padding: 0.3rem 0.6rem;
    margin: 0 0.5rem;
}

.pay-state-page .box2 .btn-box a:active {
    background: #6bc1b2;
    color: #fff;
}

/*home-page*/
.home-page .bar-nav img {
    height: 1.4rem;
    margin-left: 0;
}

.message-ico{
    position: relative;
}

.message-ico .red-point{
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: #f97373;
    position: absolute;
    right: 0.2rem;
    top: 0.4rem;
}

@media screen and (min-width: 375px) {
    .home-page .bar-nav img {
        height: 1.4rem;
        margin-left: 0.6rem;
    }
}

.home-page .bar-nav .logo img {
    height: 1rem;
    margin: 0;
}

.home-page .content {
    background: #ebebeb;
}

.home-page .focus {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.home-page .focus .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 0.3rem;
    text-align: center;
}

.home-page .focus .hd ul {
    display: inline-block;
    height: 5px;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    vertical-align: top;
}

.home-page .focus .hd ul li {
    list-style: none;
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #8C8C8C;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden;
}

.home-page .focus .hd ul .on {
    background: #6bc1b2;
}

.home-page .focus .bd {
    position: relative;
    z-index: 0;
}

.home-page .focus .bd li {
    font-size: 0;
}

.home-page .focus .bd li img {
    width: 100%;
    background: url(img/loading.gif) center center no-repeat;
    vertical-align: bottom;
}

.home-page .focus .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* å–æ¶ˆé“¾æŽ¥é«˜äº® */
    display: inline-block;
    font-size: 0;
}

.home-page .box2 {
    padding: 0.5rem 0.3rem;
    background: #fff;
    margin-bottom: 0.7rem;
}

.home-page .box2 .style-1 li {
    height: 3rem;
    padding: 0.5rem;
    background: url(img/home_vouchers_style1_bg.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin-top: 0.5rem;
}

.home-page .box2 .style-1 li:first-child {
    margin-top: 0;
}

.home-page .box2 .style-1 li span {
    float: left;
    font-size: 0.5rem;
    color: #7accbe;
    line-height: 2.8rem;
    margin-left: 0.5rem;
}

.home-page .box2 .style-1 li h3 {
    float: left;
    font-size: 2rem;
    line-height: 2rem;
    color: #7accbe;
    margin: 0;
    font-family: Arial, sans-serif;
}

.home-page .box2 .style-1 li p {
    float: left;
    margin: 0;
    font-size: 0.5rem;
    margin-left: 0.5rem;
    line-height: 0.9rem;
    margin-top: 0.1rem;
    padding: 0 0.5rem;
    border: 1px dashed #7accbe;
    border-left: none;
    border-right: none;
    color: #7accbe;
}

.home-page .box2 .style-1 li a {
    float: right;
    display: inline-block;
    width: 20%;
    height: 1.5rem;
    margin-right: 2%;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1.5rem;
    background: #7accbe;
    color: #fff;
    border-radius: 2px;
    margin-top: 0.25rem;
}

.home-page .box2 .style-1 li.on a {
    background: #c5c5c5;
}

.home-page .box2 .style-1 li a:active {
    background: #6bc1b2;
}

.home-page .box2 .style-1 li.on a:active {
    background: #c5c5c5;
}

.home-page .box2 .style-2 li {
    float: left;
    width: 49%;
    margin: 2% 0;
    background: url(img/home_vouchers_style2_bg.png) no-repeat;
    background-size: 100% 100%;
    height: 3rem;
    overflow: hidden;
    padding-top: 0.8rem;
    margin-right: 2%;
}

.home-page .box2 .style-2 li:nth-child(2n) {
    margin-right: 0;
}

.home-page .box2 .style-2 li span {
    float: left;
    font-size: 0.5rem;
    margin: 0;
    margin-top: 0.4rem;
    margin-left: 0.2rem;
    color: #6bc1b2;
}

.home-page .box2 .style-2 li h3 {
    float: left;
    font-size: 1rem;
    margin: 0;
    color: #6bc1b2;
    font-family: Arial, sans-serif;
}

.home-page .box2 .style-2 li p {
    float: left;
    font-size: 0.5rem;
    margin: 0;
    margin-left: 0.3rem;
    padding-left: 0.3rem;
    border-left: 1px dashed #6bc1b2;
    line-height: 0.7rem;
    color: #6bc1b2;
}

.home-page .box2 .style-2 li a {
    float: right;
    font-size: 0.5rem;
    color: #fff;
    background: #6bc1b2;
    padding: 0.2rem;
    margin-right: 4%;
    border-radius: 2px;
}

.home-page .box2 .style-2 li.on a {
    background: #c5c5c5;
}

@media screen and (max-width: 374px) {
    .home-page .box2 .style-2 li {
        background: url(img/home_vouchers_style3_bg.png) no-repeat;
        background-size: 100% 100%;
        padding-top: 0.3rem;
    }

    .home-page .box2 .style-2 li a {
        font-size: 0;
        background: none !important;
    }

    .home-page .box2 .style-2 li span {
        color: #fff;
    }

    .home-page .box2 .style-2 li h3 {
        color: #fff;
    }

    .home-page .box2 .style-2 li p {
        color: #fff;
        border-color: #fff;
    }
}

.home-page .box2 .style-3 {
    text-align: center;
}

.home-page .box2 .style-3 li {
    display: inline-block;
    width: 32%;
    background: url(img/home_vouchers_style3_bg.png) no-repeat;
    background-size: 100% 100%;
    height: 2.5rem;
    overflow: hidden;
    padding-top: 0.3rem;
    text-align: left;
    position: relative;
}

.home-page .box2 .style-3 li.on {
    background: url(img/home_vouchers_style3_bg_on.png) no-repeat;
    background-size: 100% 100%;
}

.home-page .box2 .style-3 li span {
    float: left;
    font-size: 0.5rem;
    color: #fff;
    margin-left: 0.1rem;
    margin-top: 0.4rem;
}

.home-page .box2 .style-3 li h3 {
    float: left;
    margin: 0;
    font-size: 1rem;
    color: #fff;
    font-family: Arial, sans-serif;
}

.home-page .box2 .style-3 li p {
    float: left;
    margin: 0;
    font-size: 0.5rem;
    color: #fff;
    margin-left: 0.1rem;
    padding-left: 0.1rem;
    border-left: 1px dashed #fff;
    line-height: 0.6rem;
}

.home-page .box2 .style-3 li a {
    font-size: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home-page .box2 .style-4 li {
    float: left;
    width: 24%;
    background: url(img/home_vouchers_style3_bg.png) no-repeat;
    background-size: 100% 100%;
    height: 2.3rem;
    overflow: hidden;
    padding-top: 0.2rem;
    margin-right: 1%;
    margin-top: 1%;
}

.home-page .box2 .style-4 li:nth-child(4n) {
    margin-right: 0;
}

.home-page .box2 .style-4 li span {
    float: left;
    font-size: 0.5rem;
    color: #fff;
    margin-top: 0.3rem;
}

.home-page .box2 .style-4 li h3 {
    float: left;
    font-size: 1rem;
    margin: 0;
    color: #fff;
    font-family: Arial, sans-serif;
}

.home-page .box2 .style-4 li p {
    float: left;
    font-size: 0.5rem;
    margin: 0;
    color: #fff;
    line-height: 0.6rem;
    margin-left: 0.1rem;
    padding-left: 0.1rem;
    border-left: 1px dashed #fff;
}

.home-page .box2 .style-4 li a {
    font-size: 0;
}

.home-page .box3 {
    background: #fff;
    margin-bottom: 0.7rem;
}

.home-page .box3 .cat-box table{
    width: 100%;
}

.home-page .box3 .cat-box table td{
    font-size: 0;
}

.home-page .box3 .cat-box table td a{
    font-size: 0;
}

.home-page .box3 .cat-box a img {
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
}

/*.home-page .box3 .cat-box a:nth-child(4n) {*/
/*border-right: 1px solid #fff;*/
/*}*/

.home-page .box3 .cat-box a:active {
    background: #f9f9f9;
}

.home-page .box3 .news-box {
    padding: 0.5rem;
    height: 2rem;
    padding-left: 1rem;
}

.home-page .box3 .news-box span {
    float: left;
    width: 1.8rem;
    height: 1rem;
    background: url(img/home_ico_news.png) no-repeat;
    background-size: auto 100%;
}

.home-page .box3 .news-box .tit {
    float: left;
    height: 1rem;
    width: 12rem;
    overflow: hidden;
    position: relative;
}

.home-page .box3 .news-box .tit li {
    height: 1rem;
    padding: 0.2rem 0;
    font-size: 0;
    padding-left: 0.5rem;
}

.home-page .box3 .news-box .tit li a {
    font-size: 0.6rem;
    line-height: 0.6rem;
    color: #474343;
}

.home-page .box3 .news-box .tit #tab-txt {
    position: absolute;
    top: 0;
    left: 0;
}

.home-page .box4 {
    font-size: 0;
    margin-bottom: 0.7rem;
}

.home-page .box4 .box4-1 {
    background: #fff;
    margin-bottom: 1px;
    padding: 0.5rem;
}

.home-page .box4 .box4-1 h3 {
    font-size: 0.75rem;
    margin: 0;
    font-weight: normal;
}

.home-page .box4 .box4-1 h3 span {
    font-size: 0.5rem;
    color: #999;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 1px dashed #999;
}

.home-page .box4 .box4-1 a {
    font-size: 0.5rem;
    color: #999;
    float: right;
    padding: 0 0.5rem;
    line-height: 1.1rem;
}

.home-page .box4 .box4-2 {
    overflow-x: auto;
    overflow-y: hidden;
    background: #fff;
}

::-webkit-scrollbar { /*éšè—æ»šè½®*/
    display: none;
}

.home-page .box4 .box4-2 ul {
    min-width: 24rem;
}

.home-page .box4 .box4-2 li {
    float: left;
    width: 7.5rem;
    border-right: 1px solid #ebebeb;
    position: relative;
}

@media screen and (max-width: 374px) {
    .home-page .box4 .box4-2 li {
        width: 6.5rem;
    }
}

.home-page .box4 .box4-2 li .ico {
    position: absolute;
    top: 0;
    right: -1px;
    font-size: 0.5rem;
    color: #6bc1b2;
    display: inline-block;
    padding: 0.2rem;
    text-align: center;
    border: 1px solid #6bc1b2;
    border-top: none;
    background: #fff;
}

.home-page .box4 .box4-2 li .ico span {
    display: block;
}

.home-page .box4 .box4-2 li .ico span:first-child {
    border-bottom: 1px solid #6bc1b2;
}

.home-page .box4 .box4-2 li .ico i {
    display: block;
    height: 1px;
    width: 50%;
    background: #fff;
    position: absolute;
    bottom: -1px;
    left: 10%;

}

.home-page .box5 {
    margin-bottom: 0.7rem;
}

.home-page .box5 .focus {
    position: relative;
    overflow: hidden;
}

.home-page .box5 .focus .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 5px;
    text-align: center;
}

.home-page .box5 .focus .hd ul {
    display: inline-block;
    height: 5px;
    padding: 3px 5px;
    font-size: 0;
    vertical-align: top;
}

.home-page .box5 .focus .hd ul li {
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    background: #fff;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden;
}

.home-page .box5 .focus .hd ul .on {
    background: #6bc1b2;
}

.home-page .box5 .focus .bd {
    position: relative;
    z-index: 0;
}

.home-page .box5 .focus .bd li img {
    width: 100%;
    background: url(img/loading.gif) center center no-repeat;
}

.home-page .box5 .focus .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* å–æ¶ˆé“¾æŽ¥é«˜äº® */
}

.home-page .box6 {
    margin-bottom: 0.7rem;
}

.home-page .box6 .box6-1 {
    background: #fff;
    margin-bottom: 1px;
    padding: 0.5rem;
}

.home-page .box6 .box6-1 h3 {
    font-size: 0.75rem;
    margin: 0;
    font-weight: normal;
}

.home-page .box6 .box6-1 h3 span {
    font-size: 0.5rem;
    color: #999;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 1px dashed #999;
}

.home-page .box6 .box6-1 a {
    font-size: 0.5rem;
    color: #999;
    float: right;
    padding: 0 0.5rem;
    line-height: 1.1rem;
}

.home-page .box6 .box6-2 {

}

.home-page .box6 .box6-2 li {
    float: left;
    width: 50%;
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}

.home-page .box6 .box6-2 li img {
    padding-right: 1px;
    width: 100%;
}

.home-page .box6 .box6-2 li:nth-child(2n) img {
    padding-right: 0;
}

.home-page .box6 .box6-2 li:nth-child(2n) {
    border-left: 1px solid #ebebeb;
    padding-right: 0;
}

.home-page .box6 .box6-2 li img {
    border-bottom: 1px solid #ebebeb;
}

.home-page .box6 .box6-2 li h4 {
    font-size: 0.75rem;
    margin: 0;
    padding: 0 0.5rem;
    color: #f97373;
}

.home-page .box6 .box6-2 li p {
    font-size: 0.7rem;
    margin: 0;
    color: #999;
    padding: 0.5rem;
    padding-top: 0;
    height: 2.5rem;
    overflow-y: auto;
}

.home-page .box6 .box6-2 li h4 i {
    font-size: 0.5rem;
    font-style: normal;
}

.home-page .box6 .box6-2 li h4 span {
    font-size: 0.7rem;
    font-weight: normal;
    color: #000;
    float: right;
}

.home-page .box7 {
    margin-bottom: 0.7rem;
}

.home-page .box7 .box7-1 {
    background: #fff;
    margin-bottom: 1px;
    padding: 0.5rem;
}

.home-page .box7 .box7-1 h3 {
    font-size: 0.75rem;
    margin: 0;
    font-weight: normal;
}

.home-page .box7 .box7-1 h3 span {
    font-size: 0.5rem;
    color: #999;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 1px dashed #999;
}

.home-page .box7 .box7-1 a {
    font-size: 0.5rem;
    color: #999;
    float: right;
    padding: 0 0.5rem;
    line-height: 1.1rem;
}

.home-page .box7 .box7-2 {
    padding: 0.5rem;
    background: #fff;
}

.home-page .box7 .box7-2 .a-img {
    display: block;
    position: relative;
    font-size: 0;
}

.home-page .box7 .box7-2 .a-img img {
    width: 100%;
}

.home-page .box7 .box7-2 .a-img span {
    position: absolute;
    left: 5%;
    top: 0;
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background: url(img/home_life_ico.png) no-repeat;
    background-size: 100%;
}

.home-page .box7 .box7-2 .txt-box {

}

.home-page .box7 .box7-2 .txt-box h4 {
    font-size: 0.75rem;
    color: #000;
    margin: 0;
    line-height: 1.5rem;
    font-weight: normal;
}

.home-page .box7 .box7-2 .txt-box h4 span {
    font-size: 0.6rem;
    color: #999;
    float: right;
}

.home-page .box7 .box7-2 .txt-box p {
    font-size: 0.7rem;
    color: #999;
    margin: 0;
}

.home-page .box7 .box7-2 .txt-box .btn-box {
    height: 1rem;
    line-height: 1rem;
}

.home-page .box7 .box7-2 .txt-box .btn-box a {
    font-size: 0.5rem;
    color: #999;
    float: right;
    padding-left: 1rem;
    margin-left: 0.5rem;
}

.home-page .box7 .box7-2 .txt-box .btn-box a.b1 {
    background: url(img/home_life_bt_1.png) no-repeat left center;
    background-size: 0.8rem;
}

.home-page .box7 .box7-2 .txt-box .btn-box a.b2 {
    background: url(img/home_life_bt_2.png) no-repeat left center;
    background-size: 0.8rem;
}

.home-page .box7 .box7-2 .txt-box .btn-box a.b3 {
    background: url(img/home_life_bt_3.png) no-repeat left center;
    background-size: 0.8rem;
}

.home-page .box8 {
    margin-bottom: 0.7rem;
}

.home-page .box8 .box8-1 {
    background: #fff;
    margin-bottom: 1px;
    padding: 0.5rem;
}

.home-page .box8 .box8-1 h3 {
    font-size: 0.75rem;
    margin: 0;
    font-weight: normal;
}

.home-page .box8 .box8-1 h3 span {
    font-size: 0.5rem;
    color: #999;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 1px dashed #999;
}

.home-page .box8 .box8-1 a {
    font-size: 0.5rem;
    color: #999;
    float: right;
    padding: 0 0.5rem;
    line-height: 1.1rem;
}

.home-page .box8 .box8-2 {
    background: #fff;
    padding-bottom: 0.5rem;
}

.home-page .box8 .box8-2 li {
    float: left;
    width: 50%;
    padding: 10px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.home-page .box8 .box8-2 li:nth-child(2n-1) {
    padding-right: 9px;
}

.home-page .box8 .box8-2 li:nth-child(2n) {
    border-right: none;
}

.home-page .box8 .box8-2 li .head-box img {
    float: left;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
}

.home-page .box8 .box8-2 li .head-box h5 {
    float: left;
    width: 70%;
    margin: 0;
    padding-left: 0.2rem;
    margin-top: 3%;
}

.home-page .box8 .box8-2 li .head-box p {
    float: left;
    width: 68%;
    margin: 0;
    padding-left: 0.7rem;
    font-size: 0.5rem;
    margin-left: 2%;
    color: #999;
    background: url(img/home_col_locat.png) no-repeat left center;
    background-size: auto 0.7rem;
    height: 0.8rem;
    overflow: hidden;
}

.home-page .box8 .box8-2 li .img-box {
    margin-top: 0.5rem;
    height: 10rem;
    overflow: hidden;
    position: relative;
}

@media screen and (min-width: 550px) {
    .home-page .box8 .box8-2 li .img-box{
        height: 18rem;
    }
}

.home-page .box8 .box8-2 li .img-box img {
    width: 100%;
}

.home-page .box8 .box8-2 li .txt-box p {
    font-size: 0.7rem;
    margin: 0;
    height: 2rem;
    overflow: auto;
}

.home-page .box8 .box8-2 li .txt-box h5 {
    font-size: 0.6rem;
    margin: 0;
    color: #999;
    font-weight: normal;
    margin-top: 0.2rem;
}

.home-page .box8 .box8-2 li .txt-box h5 a {
    float: right;
    padding-left: 1rem;
    background: url(img/home_life_bt_1.png) no-repeat left center;
    background-size: auto 0.8rem;
}

.home-page .box8 .box8-2 li .ico-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2rem;
}

.home-page .box8 .box8-2 li .ico-box span{
    float: left;
    width: 1.5rem;
    height: 2rem;
    margin-left: 0.5rem;
}

.home-page .box8 .box8-2 li .ico-box span.ping{
    background: url(img/meida_ping.png) no-repeat;
    background-size: 100%;
}

.home-page .box8 .box8-2 li .ico-box span.jing{
    background: url(img/meida_jing.png) no-repeat;
    background-size: 100%;
}

.home-page .box9 {
    margin-bottom: 0.7rem;
}

.home-page .box9 .box9-1 {
    background: #fff;
    margin-bottom: 1px;
    padding: 0.5rem;
}

.home-page .box9 .box9-1 h3 {
    font-size: 0.75rem;
    margin: 0;
    font-weight: normal;
}

.home-page .box9 .box9-1 h3 span {
    font-size: 0.5rem;
    color: #999;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
    border-left: 1px dashed #999;
}

.home-page .box9 .box9-1 a {
    font-size: 0.5rem;
    color: #999;
    float: right;
    padding: 0 0.5rem;
    line-height: 1.1rem;
}

.home-page .box9 ul {
    padding: 0;
    margin: 0;
}

.home-page .box9 ul li {
    list-style: none;
    float: left;
    width: 33%;
    text-align: center;
    background: #fff;
    margin-bottom: 0.5%;
    margin-right: 0.5%;
}

.home-page .box9 ul li img {
    width: 100%;
}

.home-page .box9 ul li:nth-child(3n) {
    margin-right: 0;
}

.home-page .box9 ul li a {
    font-size: 0.7rem;
    padding-bottom: 0.2rem;
    display: block;
    color: #999999;
}

.home-page .box9 ul li a:active {
    background: #f6f6f6;
    color: #85d6c8;
}

.home-page .box10 {
    height: 4rem;
    background: url(img/home_foot.png) no-repeat center;
    background-size: auto 70%;
}

/*shops-page*/
.shops-page .box1 {
    background: #fff;
    padding: 1rem 0.5rem;
    margin-top: 0.7rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.shops-page .box1 .box1-1 {
    float: left;
    width: 50%;
    text-align: center;
}

.shops-page .box1 .box1-1:first-child {
    border-right: 1px solid #ebebeb;
}

.shops-page .box1 .box1-1 p {
    margin: 0;
    font-size: 0.75rem;
}

.shops-page .box1 .box1-1 a {
    font-size: 0.8rem;
    color: #6bc1b2;
    font-weight: bold;
    padding-left: 1.2rem;
    background: url(img/shops_ico_phone.png) no-repeat left center;
    background-size: auto 100%;
}

@media screen and (max-width: 320px) {
    .shops-page .box1 .box1-1 p {
        font-size: 0.6rem;
    }

    .shops-page .box1 .box1-1 a {
        font-size: 0.75rem;
    }
}

.shops-page .box2 {
    background: #fff;
    padding: 0.9rem 0;
    margin-top: 0.7rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.shops-page .box2 .box2-1 {
    text-align: center;
    height: 1.3rem;
    width: 80%;
    margin: 0 auto;
    background: url(img/shops_ico_location.png) no-repeat left center;
    background-size: auto 80%;
}

.shops-page .box2 .box2-1 select {
    float: right;
    width: 29%;
    height: 1.3rem;
    margin-left: 2%;
    font-size: 0.7rem;
    border: 1px solid #6bc1b2;
    border-radius: 2px;
    text-indent: 2px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(img/shops_ico_select.png) no-repeat scroll right center transparent;
    background-size: auto 100%;
    padding-right: 14px;
}

.shops-page .box3 {
    margin-top: 0.7rem;
}

.shops-page .box3 li {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0.7rem;
}

.shops-page .box3 li .img-box {
    font-size: 0;
}

.shops-page .box3 li .det-box {
    padding: 0.5rem;
    background: #fff;
    display: block;
}

.shops-page .box3 li .det-box .txt {
    float: left;
    width: 70%;
    padding-right: 10%;
}

.shops-page .box3 li .det-box .qr {
    float: right;
    min-width: 20%;
    text-align: center;
}

.shops-page .box3 li .det-box .txt h3 {
    font-size: 0.75rem;
    margin: 0;
    padding-left: 0.8rem;
    background: url(img/shops_ico_location_black.png) no-repeat left center;
    background-size: auto 75%;
    margin-bottom: 0.2rem;
    color: #000;
}

.shops-page .box3 li .det-box .txt p {
    font-size: 0.65rem;
    margin: 0;
    color: #999;
}

.shops-page .box3 li .det-box .qr span img {
    width: 35%;
    display: block;
    margin: 0 auto;
    margin-top: 16%;
}

.shops-page .box3 li .det-box .qr span {
    font-size: 0.6rem;
    color: #454545;
}

.shops-page .box3 li .det-box .qr .big-qr {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/user_lv_up_black.png) repeat;
}

.shops-page .box3 li .det-box .qr .big-qr img {
    width: 50%;
    margin: 0 auto;
    margin-top: 60%;
    display: block;
}

.shops-page .box3 li .det-box .qr .big-qr p {
    display: inline-block;
    color: #fff;
    margin-top: 0.5rem;
    font-size: 0.7rem;
    padding-left: 1rem;
    background: url(img/shops_ico_sm.png) no-repeat left center;
    background-size: auto 75%;
}

.shops-page .box3 li .det-box .qr .big-qr a {
    display: block;
    width: 2rem;
    height: 2rem;
    background: url(img/shops_ico_close.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: 26%;
    right: 15%;
}

/*sign-page*/
.sign-page .content {
    background: #fff5ec;
}

.sign-page .box1 img{
    width: 100%;
}

.sign-page .box2 h3{
    margin: 0.5rem 0;
    font-size: 0.75rem;
    font-weight: normal;
    text-align: center;
    color: #282828;
    margin-top: 0;
}

.sign-page .box2 h3 span{
    display: inline-block;
    padding: 0.3rem 0.5rem;
    background: #fff;
    margin: 0 0.2rem;
    font-size: 0.9rem;
    color: #6bc1b2;
    font-weight: bold;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}

.sign-page .box3{
    position: relative;
    width: 92%;
    margin: 0.5rem 4% 0.5rem 5%;
}

.sign-page .box3 .box3-1{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.sign-page .box3 .box3-1 h3{
    font-size: 0.9rem;
    color: #000;
    text-align: center;
    margin: 0;
    margin-top: 3%;
    margin-left: 2%;
    width: 92%;
    padding-bottom: 5%;
    border-bottom: 1px dashed #707070;
}

.sign-page .box3 .box3-1 h3 span{
    color: #d67c6a;
}

.sign-page .box3 .box3-1 p{
    color: #686767;
    font-size: 0.75rem;
    text-align: center;
    margin: 0;
    margin-top: 3%;
    margin-left: 2%;
    width: 92%;
}

.sign-page .box4{
    width: 90%;
    margin-left: 6%;
    margin-right: 4%;
}

.sign-page .box4 img{
    width: 100%;
}

.sign-page .box5{
    width: 50%;
    margin-left: 26%;
    margin-right: 24%;
    padding: 0.2rem 0 1rem 0;
}

.sign-page .err-box p{
    font-size: 0.75rem;
    text-align: center;
    color: #666;
}

/*level-page*/
.level-page .box1 .lv-box {
    background: url(img/usercenter_5_1.png) no-repeat;
    background-size: 100% 100%;
    height: 5rem;
    padding-top: 0.7rem;
}

.level-page .box1 .lv-box .lv {
    width: 300px;
    height: 33px;
    background: url(img/user_lv_bg.png) no-repeat;
    background-size: 100%;
    margin: 0 auto;
    position: relative;
}

.level-page .box1 .lv-box .lv .lv-bar {
    max-width: 298px;
    height: 11px;
    background: #ffe96c;
    position: absolute;
    bottom: 0;
    left: 2px;
    border-top-left-radius: 5px;
    /*border-top-right-radius: 5px;*/
    border-bottom-left-radius: 5px;
    /*border-bottom-right-radius: 5px;*/
}

.level-page .box1 .lv-box .lv .lv-bar span {
    position: absolute;
    bottom: -17px;
    right: 5px;
    display: inline-block;
    font-size: 0.6rem;
    height: 15px;
    color: #ffe96c;
}

.level-page .box1 .lv-box .lv .lv-bar i {
    display: block;
    width: 6px;
    height: 26px;
    position: absolute;
    right: -5px;
    top: 0;
    background: url(img/user_lv_bar_span_bg.png) no-repeat;
    background-size: auto 100%;
}

.level-page .box1 .lv-box .tip {
    margin: 0 auto;
    margin-top: 17px;
    width: 70%;
    background: url(img/user_lv_p_bg.png) repeat-x center;
    text-align: center;
    height: 1.5rem;
}

.level-page .box1 .lv-box .tip p {
    font-size: 0.6rem;
    color: #fff;
    margin: 0;
    display: inline-block;
    background: #5fc9b7;
    line-height: 1.5rem;
    padding: 0 0.5rem;
}

.level-page .box2 table {
    width: 100%;
    text-align: center;
}

.level-page .box2 table th {
    background: #f4f3f3;
    width: 20%;
    padding: 0.5rem 0;
    font-weight: normal;
}

.level-page .box2 table th img {
    width: 30%;
}

.level-page .box2 table td {
    background: #fff;
    border-right: 1px solid #c5c5c5;
    border-bottom: 1px solid #c5c5c5;
    padding: 0.5rem 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.level-page .box2 table td:last-child {
    border-right: none;
}

.level-page .box2 p {
    font-size: 0.6rem;
    margin: 0;
}

.level-page .box2 table td img {
    width: 70%;
}

.level-page .box2 table td:nth-child(3n) {
    background: #fff url(img/vip_yinpai.png) no-repeat center;
    background-size: 0;
}

.level-page .box2 table td:nth-child(3n):active {
    background-size: 50%;
}

.level-page .box2 table td:nth-child(4n) {
    background: #fff url(img/vip_jinpai.png) no-repeat center;
    background-size: 0;
}

.level-page .box2 table td:nth-child(4n):active {
    background-size: 50%;
}

.level-page .box2 table td:nth-child(5n) {
    background: #fff url(img/vip_zhuanshi.png) no-repeat center;
    background-size: 0;
}

.level-page .box2 table td:nth-child(5n):active {
    background-size: 50%;
}

.level-page .box3 {
    background: #fff;
    padding: 0.5rem;
    padding-bottom: 3rem;
    position: relative;
}

.level-page .box3 h3 {
    margin: 0;
    font-size: 0.7rem;
    margin-bottom: 0.3rem;
}

.level-page .box3 p {
    margin: 0;
    font-size: 0.65rem;
    margin-bottom: 0.3rem;
}

.level-page .box3 p span {
    color: #6bc1b2;
}

/*.level-page .box3 a{*/
/*display: inline-block;*/
/*padding: 0.1rem 0.5rem;*/
/*font-size: 0.6rem;*/
/*color: #fff;*/
/*background: #6bc1b2;*/
/*margin-top: 0.2rem;*/
/*border-radius: 0.5rem;*/
/*}*/
.level-page .box3 a {
    display: inline-block;
    font-size: 0;
    width: 6rem;
    height: 2rem;
    position: absolute;
    left: 7%;
}

.level-page .box3 a.a1 {
    top: 63%;
}

.level-page .box3 a.a2 {
    top: 77.5%;
}

.level-page .box3 a.a3 {
    top: 82%;
}

.level-page .box3 .lz {
    width: 98%;
    margin: 1rem auto;
}

/*bible-page*/
.bible-page .content {
    padding-bottom: 0.7rem;
}

.bible-page .con {
    background: #fff;
    padding: 0.5rem;
    margin-top: 0.7rem;
}

.bible-page .con h3 {
    font-size: 0.75rem;
    margin: 0.3rem 0;
}

.bible-page .con h3 span {
    color: #6bc1b2;
}

.bible-page .con p {
    font-size: 0.7rem;
    margin: 0.2rem 0;
    line-height: 1rem;
}

.bible-page .con .green {
    color: #6bc1b2;
}

.bible-page .con .ash {
    color: #999;
}

.bible-page .box3 {
    padding: 0.5rem 0;
    padding-bottom: 0.8rem;
}

.bible-page .box3 h3 {
    padding: 0 0.5rem;
}

.bible-page .box3 table {
    width: 100%;
}

.bible-page .box3 table tr th {
    font-size: 0.7rem;
    font-weight: normal;
    height: 1.5rem;
    line-height: 1.5rem;
    background: #6bc1b2;
    color: #fff;
}

.bible-page .box3 table tr th:first-child {
    width: 15%;
}

.bible-page .box3 table tr th:nth-child(2) {
    width: 40%;
}

.bible-page .box3 table tr th:nth-child(3) {
    width: 45%;
    background: #6bc1b2 url(img/bible_ico_1.png) no-repeat 8% center;
    background-size: auto 80%;
}

.bible-page .box3 table tr td {
    font-size: 0.6rem;
    text-align: center;
    vertical-align: middle;
    padding: 0.5rem 0;
    border: 1px solid #ebebeb;
}

.help-page .box1 {
    padding: 0 5%;
    padding-bottom: 2.5rem;
    margin: 0.5rem auto;
    background: #fff;
}

.help-page .box1 .category-list {
    background: #fff;
}

.help-page .box1 .category-list a {
    display: block;
    height: 2.5rem;
    line-height: 2.5rem;
    border-bottom: 1px solid #ebebeb;
    font-size: 0.7rem;
    color: #999;
}

.help-page .box1 a.category-parent {
    color: #000;
}

.help-page .box1 .category-list a:active {
    background: #f6f6f6;
}

.help-page .box1 .category-list a img {
    width: 2.5rem;
    height: 2.5rem;
    float: left;
}

.help-page .box1 .category-list .category-child {
    display: none;
}

.help-page .box1 .category-list .category-child a {
    background: none;
    padding-left: 2.5rem;
}

.help-page .box1 .category-list .category-child a:active {
    background: #f6f6f6;
}

.help-page .box1 .category-list i {
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}

.help-page .box1 .category-list .on i {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    color: #85d6c8;
}

/*faq-page*/
.faq-page .box1 {
    padding-bottom: 2rem;
}

.faq-page .box1 li {
    background: #fff;
    margin-top: 0.7rem;
    padding: 0.7rem;
}

.faq-page .box1 li h3 {
    font-size: 0.75rem;
    font-weight: bold;
    margin: 0;
    padding-left: 1rem;
    background: url(img/faq_ico_1.png) no-repeat left center;
    background-size: 0.8rem;
    margin-bottom: 0.5rem;
}

.faq-page .box1 li p {
    font-size: 0.7rem;
    margin: 0;
    margin-bottom: 0.2rem;
}

.faq-page .box1 li a {
    font-size: 0.6rem;
    margin: 0;
    color: #6bc1b2;
    display: block;
    width: 5rem;
    height: 2rem;
    line-height: 1.85rem;
    background: url(img/faq_ico_2.png) no-repeat left top;
    background-size: 100%;
    text-indent: 0.7rem;
}

/*article-details-page*/
.article-details-page .content {
    padding-bottom: 5rem;
}

.article-details-page .box1 {
    background: #fff;
    padding: 1rem 3%;
    position: relative;
}

.article-details-page .box1 h3 {
    font-size: 0.75rem;
    margin: 0;
    width: 90%;
}

.article-details-page .box1 p {
    font-size: 0.6rem;
    margin: 0;
    width: 80%;
    color: #999;
    margin-top: 0.2rem;
    font-family: Arial, sans-serif;
}

.article-details-page .box1 p span {
    font-size: 0.6rem;
    color: #6bc1b2;
    padding-left: 1.2rem;
    border-left: 1px dashed #999;
    margin-left: 0.5rem;
    height: 0.6rem;
    background: url(img/article_ico_2.png) no-repeat 0.5rem center;
    background-size: auto 0.6rem;
}

.article-details-page .box1 .recommend {
    font-size: 0.6rem;
    color: #999;
    padding-top: 1rem;
    background: url(img/article_ico_1.png) no-repeat top center;
    background-size: auto 1rem;
    position: absolute;
    right: 5%;
    top: 30%;
}

.article-details-page .box1 a.on{
    background: url(img/pro_heart.png) no-repeat top center;
    background-size: auto 1rem;
}

.article-details-page .box2 {
    background: #fff;
    border-top: 1px solid #f4f4f4;
    padding: 0.5rem 3%;
}

.article-details-page .box2 p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

.article-details-page .box2 p {
    font-size: 0.7rem;
}

.article-details-page .box3 {
    background: #fff;
    text-align: center;
    padding: 1rem;
    margin-bottom: 0.7rem;
}

.article-details-page .box3 .zan {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url(img/article_zan.png) no-repeat;
    background-size: 100% 100%;
    line-height: 5rem;
    font-size: 0.5rem;
}

.article-details-page .box3 .zan-on {
    background: url(img/article_zan_on.png) no-repeat;
    background-size: 100% 100%;
    color: #6bc1b2;
}

.article-details-page .no-comment {
    padding: 1rem 3%;
    text-align: center;
    background: #fff;
}

.article-details-page .no-comment a {
    color: #999;
    display: inline-block;
    padding-left: 1.5rem;
    background: url(img/article_no_comment.png) no-repeat left center;
    background-size: auto 100%;
    font-size: 0.7rem;
}

.article-details-page .comment-input {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #fff;
    z-index: 98;
}

.article-details-page .comment-input2 {
    z-index: 99;
    display: none;
}

.article-details-page .comment-input .image-input {
    background: #fff;
    border-top: 1px solid #ebebeb;
    padding: 0 3%;
    height: 0;
    overflow-y: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.article-details-page .comment-input .image-input-on {
    height: 3rem;
    padding: 0.5rem 3%;
}

.article-details-page .comment-input .image-input .img {
    width: 2rem;
    height: 2rem;
    background-size: cover;
    float: left;
    margin: 0 0.1rem;
}

.article-details-page .comment-input .image-input .input-box {
    float: left;
    width: 2rem;
    height: 2rem;
    margin: 0 0.1rem;
    background: url(img/article_img_upload.png) no-repeat;
    background-size: 100%;
}

.article-details-page .comment-input .image-input input {
    width: 2rem;
    height: 2rem;
    display: block;
    margin: 0;
    background: none;
    font-size: 0;
    border: 0;
    padding: 0;
    filter: alpha(opacity:0);
    opacity: 0;
}

.article-details-page .comment-input .text-input {
    padding: 0.5rem 3%;
    border-top: 1px solid #f4f4f4;
}

.article-details-page .comment-input .text-input .open-image-input {
    float: left;
    display: inline-block;
    width: 10%;
    height: 1.5rem;
    background: url(img/article_ico_comment.png) no-repeat center;
    background-size: auto 100%;
}

.article-details-page .comment-input .text-input input[name='comment'] {
    float: left;
    width: 65%;
    height: 1.5rem;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    font-size: 0.7rem;
    text-indent: 0.5rem;
    margin-left: 2%;
}

.article-details-page .comment-input2 .text-input input[name='comment2'] {
    float: left;
    width: 65%;
    height: 1.5rem;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    font-size: 0.7rem;
    text-indent: 0.5rem;
    margin-left: 2%;
}

.article-details-page .comment-input .text-input .send {
    float: right;
    display: inline-block;
    width: 20%;
    font-size: 0.7rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #fff;
    background: #6bc1b2;
    border-radius: 3px;
    text-align: center;
}

.article-details-page .comment-input2 .text-input .send {
    width: 14%;
}

.article-details-page .comment-input .text-input .cancle {
    float: right;
    display: inline-block;
    width: 14%;
    font-size: 0.7rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #fff;
    background: #c5c5c5;
    border-radius: 3px;
    text-align: center;
    margin-left: 2%;
}

.article-details-page .box4 {
    margin-bottom: 0.7rem;
}

.article-details-page .box4 .comment-item {
    background: #fff;
    padding: 0.5rem 3%;
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.article-details-page .box4 .comment-item span.ico{
    position: absolute;
    right: 0.5rem;
    top: 0;
    width: 1.5rem;
    height: 2rem;
    background: url(img/yyh_article_ico_jing.png) no-repeat;
    background-size: 100%;
}

.article-details-page .box4 .comment-item:last-child {
    border-bottom: none;
}

.article-details-page .box4 .comment-item .head-box {
    float: left;
    width: 15%;
}

.article-details-page .box4 .comment-item .head-box img {
    border-radius: 50%;
    width: 2.5rem;
    height: 2.5rem;
}

.article-details-page .box4 .comment-item .text-box {
    float: right;
    width: 82%;
}

.article-details-page .box4 .comment-item .text-box h3 {
    font-size: 0.75rem;
    font-weight: normal;
    margin-top: 2%;
}

.article-details-page .box4 .comment-item .text-box h3 span{
    display: inline-block;
    height: 0.9rem;
    width: 0.8rem;
    background-size: cover;
    margin-left: 0.2rem;
}

.article-details-page .box4 .comment-item .text-box h5 {
    font-size: 0.6rem;
    margin-top: 2%;
    font-weight: normal;
    color: #999;
    margin-bottom: 0.3rem;
}

.article-details-page .box4 .comment-item .text-box h5 span.jf {
    color: #6bc1b2;
    padding-left: 0.8rem;
    background: url(img/article_ico_2.png) no-repeat left center;
    background-size: auto 100%;
    float: right;
}

.article-details-page .box4 .comment-item .img-box {
    max-height: 6rem;
    overflow-y: auto;
    font-size: 0;
    margin-top: 0.2rem;
}

.article-details-page .box4 .comment-item .img-box img {
    width: 3rem;
    height: 3rem;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
}

.article-details-page .box4 .comment-item .text-box p {
    font-size: 0.7rem;
    color: #000;
    margin: 0;
}

.article-details-page .box4 .comment-item .text-box .reply-box {
    background: #f7f7f7;
    border-radius: 3px;
    margin-top: 0.3rem;
}

.article-details-page .box4 .comment-item .text-box .reply-box .zan {
    padding: 0.2rem 0.5rem;
    border-bottom: 1px solid #ebebeb;
    padding-left: 1.5rem;
    background: url(img/article_ico_3.png) no-repeat 0.5rem 0.5rem;
    background-size: auto 0.7rem;
    max-height: 3rem;
    overflow: hidden;
}

.article-details-page .box4 .comment-item .text-box .reply-box .zan span {
    font-size: 0.7rem;
    color: #6bc1b2;
}

.article-details-page .box4 .comment-item .text-box .reply-box .reply {
    padding: 0.5rem;
    padding-top: 0.2rem;
}

.article-details-page .box4 .comment-item .text-box .reply-box .reply p span {
    color: #6bc1b2;
}

.article-details-page .box4 .comment-item .text-box .reply-box .reply p.dy {
    color: #6bc1b2;
}

.article-details-page .box4 .comment-item .text-box .action-box {
    margin-top: 0.5rem;
    position: relative;
}

.article-details-page .box4 .comment-item .text-box .action-box .dz {
    font-size: 0.7rem;
    padding-left: 1.1rem;
    background: url(img/article_ico_3.png) no-repeat left top;
    background-size: auto 90%;
    color: #6bc1b2;
    float: right;
    height: 1rem;
}

.article-details-page .box4 .comment-item .text-box .action-box .more {
    float: right;
    width: 2rem;
    height: 1rem;
    background: url(img/article_ico_4.png) no-repeat right center;
    background-size: auto 100%;
    border-left: 1px dashed #999;
    margin-left: 0.3rem;
}

.article-details-page .box4 .comment-item .text-box .action-box .more-on {
    background: url(img/article_ico_4_on.png) no-repeat right center;
    background-size: auto 100%;
}

.article-details-page .box4 .comment-item .text-box .action-box .hide-box {
    position: absolute;
    height: 1rem;
    top: 0;
    right: 1.9rem;
    background: #6bc1b2;
    border-radius: 3px;
    padding: 0;
    line-height: 0.8rem;
    width: 0;
    min-width: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.article-details-page .box4 .comment-item .text-box .action-box .hide-box-on {
    min-width: 5.8rem;
}

.article-details-page .box4 .comment-item .text-box .action-box .hide-box a {
    font-size: 0.6rem;
    color: #fff;
}

.article-details-page .box4 .comment-item .text-box .action-box .hide-box a.zz {
    padding-left: 1rem;
    background: url(img/article_ico_5.png) no-repeat left center;
    background-size: auto 90%;
    padding-right: 0.5rem;
    margin: 0 0.4rem;
    border-right: 1px dashed #fff;
}

.article-details-page .box4 .comment-item .text-box .action-box .hide-box a.hf {
    padding-left: 1rem;
    background: url(img/article_ico_6.png) no-repeat left center;
    background-size: auto 90%;
}

.article-details-page .big-img{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background: url(img/user_lv_up_black.png) repeat;
    text-align: center;
    display: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow-y: auto;
}

.article-details-page .big-img .img-box{
    /*background: url(img/img_loading_nobg.gif) no-repeat center;*/
    /*background-size: 20%;*/
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.article-details-page .big-img .img-box img{
    width: 100%;
}

.article-details-page .tip{
    display: none;
}

.article-details-page .tip p{
    text-align: center;
    font-size: 0.5rem;
    color: #999;
}

/*evaluation-page*/
.evaluation-page .box1{
    background: #fff;
    padding: 0.5rem;
    margin: 0.7rem 0;
    position: relative;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.evaluation-page .box1 h4{
    font-size: 0.8rem;
    padding-left: 1.2rem;
    background: url(img/address_1.png) no-repeat left center;
    background-size: auto 90%;
}

.evaluation-page .box1 p{
    font-size: 0.65rem;
    padding-left: 1.2rem;
    width: 70%;
    margin: 0;
    margin-top: 0.2rem;
}

.evaluation-page .box1 a{
    font-size: 0.7rem;
    display: block;
    position: absolute;
    right: 0.5rem;
    top: 0.7rem;
    width: 4rem;
    height: 1.3rem;
    line-height: 1.3rem;
    text-align: center;
    border: 1px solid #999;
    color: #999;
    border-radius: 2px;
}

.evaluation-page .box2{
    background: #fff;
    padding: 0.5rem;
    margin: 0.7rem 0;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 7rem;
}

.evaluation-page .box2 .box2-1 li{
    font-size: 0.7rem;
    padding: 0.2rem 0;
}

.evaluation-page .box2 .box2-1 li span{
    float: left;
    width: 1.2rem;
    height: 1.2rem;
    background: url(img/evaluation_1.png) no-repeat;
    background-size: 100%;
    margin-left: 0.5rem;
}

.evaluation-page .box2 .box2-1 li span.on{
    background: url(img/evaluation_2.png) no-repeat;
    background-size: 100%;
}

.evaluation-page .box2 .box2-1 li p{
    float: left;
    height: 1.2rem;
    margin: 0;
    line-height: 1.2rem;
}

.evaluation-page .box2 .box2-2{
    border-top: 1px solid #ebebeb;
    padding: 0.3rem 0;
    margin-top: 0.5rem;
    position: relative;
}

.evaluation-page .box2 .box2-2 textarea{
    border: none;
    font-size: 0.7rem;
    width: 100%;
    height: 5rem;
    resize: none;
}

.evaluation-page .box2 .box2-2 .font-num{
    position: absolute;
    bottom: 0.1rem;
    right: 0.1rem;
    font-size: 0.6rem;
    color: #999;
}

.evaluation-page .box2 .box2-3{
    border-top: 1px solid #c5c5c5;
    padding: 0.3rem 0;
}

.evaluation-page .box2 .box2-3 p{
    font-size: 0.7rem;
    color: #c5c5c5;
    margin: 0;
}

.evaluation-page .box2 .box2-3 .img-box{
    margin-top: 0.3rem;
    min-height: 3rem;
}

.evaluation-page .box2 .box2-3 .img-box .img{
    width: 3rem;
    height: 3rem;
    background-size: cover;
    background-position: center;
    float: left;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
    position: relative;
}

.evaluation-page .box2 .box2-3 .img-box .img .view-bt{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.evaluation-page .box2 .box2-3 .img-box .img .deleteimg{
    width: 1rem;
    height: 1rem;
    background: #6bc1b2;
    border-radius: 50%;
    font-size: 0.8rem;
    text-align: center;
    line-height: 0.8rem;
    font-style: normal;
    color: #fff;
    position: absolute;
    top: -0.3rem;
    right: -0.3rem;
    z-index: 2;
}

.evaluation-page .box2 .box2-3 .img-box .input-bg{
    width: 3rem;
    height: 3rem;
    background: url(img/article_img_upload.png) no-repeat;
    background-size: 100% 100%;
    float: left;
}

.evaluation-page .box2 .box2-3 .img-box .input-bg input{
    width: 3rem;
    height: 3rem;
    font-size: 0;
    opacity: 0;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

.evaluation-page .box2 .box2-3 .img-box img{
    width: 4rem;
    margin-right: 0.3rem;
    float: left;
}

.evaluation-page .box2 .box2-4{
    background: #e6fffb;
    border: 1px solid #93c2ba;
    padding: 10px;
    border-radius: 2px;
    position: relative;
    margin-top: 10px;
}

.evaluation-page .box2 .box2-4 p{
    font-size: 0.7rem;
    margin: 0;
    line-height: 1.1rem;
    word-break: break-all;
}

.evaluation-page .box2 .box2-4 p.p2{
    color: #6ac1b1;
}

.evaluation-page .box2 .box2-4 .line{
    width: 100%;
    height: 1px;
    background: #ebebeb;
    margin: 10px 0;
}

.evaluation-page .box2 .box2-4 p.p3{
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #ebebeb;
}

.evaluation-page .box2 .box2-4 .jiao{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #e6fffb;
    border-top: 1px solid #93c2ba;
    border-left: 1px solid #93c2ba;
    position: absolute;
    left: 8%;
    top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.evaluation-page .submit-box{
    position: fixed;
    background: #fff;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4rem;
    text-align: center;
    border-top: 1px solid #c5c5c5;
}

.evaluation-page .submit-box a{
    display: inline-block;
    width: 80%;
    height: 2rem;
    background: #6bc1b2;
    color: #fff;
    line-height: 2rem;
    font-size: 0.8rem;
    margin-top: 1rem;
    border-radius: 2px;
}

.evaluation-page .success-box{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/user_lv_up_black.png) repeat;
    display: none;
    z-index: 999;
}

.evaluation-page .success-box-inner{
    width: 85%;
    background: #fff;
    margin: 0 auto;
    text-align: center;
    margin-top: 60%;
    border-radius: 2px;
}

.evaluation-page .success-box-inner p{
    font-size: 0.8rem;
    margin: 0;
}

.evaluation-page .success-box-inner p span{
    font-size: 1rem;
    color: #f97373;
    font-weight: bold;
}

.evaluation-page .success-box-inner p.green{
    color: #6bc1b2;
}

.evaluation-page .success-box-inner .box-bar{
    height: 2rem;
    border-bottom: 1px solid #c5c5c5;
    position: relative;
}

.evaluation-page .success-box-inner .box-bar span{
    position: absolute;
    left: -0.5rem;
    bottom: -0.14rem;
    width: 8rem;
    height: 4.8rem;
    background: url(img/evaluation_success.png) no-repeat;
    background-size: 100% auto;
}

.evaluation-page .success-box-inner .box-bar a{
    display: block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    right:0;
    bottom: 0;
    background: url(img/goods_show_close.png) no-repeat center;
    background-size: 50%;
}

.evaluation-page .success-box-inner .box-con{
    padding: 0.8rem 0;
}

.evaluation-page .success-box-inner .box-con a{
    font-size: 0.8rem;
    width: 50%;
    height: 1.5rem;
    line-height: 1.5rem;
    border: 1px solid #6bc1b2;
    border-radius: 2px;
    display: block;
    margin: 0 auto;
    margin-top: 0.8rem;
    color: #6bc1b2;
}

.evaluation-page .img-view{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/user_lv_up_black.png) repeat;
    display: none;
    z-index: 999;
}

.evaluation-page .img-view .img-big{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: center;
}

/*yyh-page*/
.yyh-page .bar-nav img {
    height: 1.4rem;
    margin-left: 0;
}

@media screen and (min-width: 375px) {
    .yyh-page .bar-nav img {
        height: 1.4rem;
        margin-left: 0.5rem;
    }
}

.yyh-page .bar-nav .logo img {
    height: 1rem;
    margin: 0;
}

.yyh-page .box1{
    background: #fff;
    text-align: center;
    padding: 0.7rem 0;
}

.yyh-page .box1 h3{
    font-size: 0.8rem;
    color: #6bc1b2;
    font-weight: normal;
}

.yyh-page .box1 p{
    font-size: 0.65rem;
    margin: 0;
    max-width: 85%;
    height: 1rem;
    line-height: 1rem;
    color: #999;
    padding-left: 1.5rem;
    display: inline-block;
    position: relative;
}

.yyh-page .box1 p img{
    height: 1rem;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.yyh-page .box2{
    font-size: 0;
}

.yyh-page .box2 img{
    width: 100%;
}

.yyh-page .box3{
    background: #fff;
}

.yyh-page .box3 a{
    display: block;
    width: 33.33%;
    float: left;
    height: 3.5rem;
    border: 1px solid #ebebeb;
}

.yyh-page .box3 a:first-child{
    background: url(img/yyh_index_cat_1.png) no-repeat center;
    background-size: auto 80%;
}

.yyh-page .box3 a:nth-child(2){
    background: url(img/yyh_index_cat_2.png) no-repeat center;
    background-size: auto 80%;
    border-left: none;
    border-right: none;
}

.yyh-page .box3 a:nth-child(3){
    background: url(img/yyh_index_cat_3.png) no-repeat center;
    background-size: auto 80%;
}

.yyh-page .box3 a:active{
    background-color: #ebebeb;
}

.yyh-page .box4{
    background: #fff;
    margin-top: 0.7rem;
}

.yyh-page .box4 .box4-1{
    padding: 0.4rem;
    padding-left: 2rem;
    height: 2.3rem;
    background: url(img/yyh_index_ico_3.png) no-repeat 0.5rem center;
    background-size: auto 1.5rem;
}

.yyh-page .box4 .box4-1 h3{
    font-size: 0.8rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.yyh-page .box4 .box4-1 h3 span{
    font-size: 0.6rem;
    height: 1.5rem;
    color: #999;
    font-weight: normal;
    border-left: 1px dashed #ebebeb;
    padding-left: 0.2rem;
    margin-left: 0.2rem;
}

.yyh-page .box4 .box4-1 h3 a{
    float: right;
    font-size: 0.6rem;
    height: 1.5rem;
    color: #999;
    font-weight: normal;
}

.yyh-page .box4 .box4-2{
    background: #fff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 0.5rem;
    max-height: 5.4rem;
    overflow: hidden;
}

.yyh-page .box4 .box4-2 .img-box{
    float: left;
    width: 39%;
    height: 4.4rem;
    overflow: hidden;
}

.yyh-page .box4 .box4-2 h4{
    float: right;
    width: 59%;
    font-size: 0.75rem;
    line-height: 0.9rem;
    max-height: 1.8rem;
    overflow: hidden;
    color: #000;
}

.yyh-page .box4 .box4-2 p{
    float: right;
    width: 59%;
    font-size: 0.65rem;
    color: #999;
    margin: 0;
    margin-top: 0.2rem;
    line-height: 0.8rem;
    max-height: 2.4rem;
    overflow-y: auto;
}

.yyh-page .box4 .box4-3{
    padding: 0.3rem 0.5rem;
}

.yyh-page .box4 .box4-3 span{
    font-size: 0.6rem;
    color: #6bc1b2;
    padding-left: 1rem;
    float: left;
}

.yyh-page .box4 .box4-3 span:first-child{
    background: url(img/yyh_index_ico_7.png) no-repeat left center;
    background-size: auto 100%;
    color: #6bc1b2 !important;
}

.yyh-page .box4 .box4-3 span:nth-child(2){
    background: url(img/yyh_index_ico_8.png) no-repeat left center;
    background-size: auto 90%;
    margin-left: 0.4rem;
    padding-left: 1.1rem;
    color: #6bc1b2 !important;
}

.yyh-page .box4 .box4-3 span:nth-child(3){
    float: right;
    background: url(img/yyh_index_ico_9.png) no-repeat left center;
    background-size: auto 95%;
    color: #999;
    padding-left: 1.1rem;
}

.yyh-page .box5{
    background: #fff;
    margin-top: 0.7rem;
}

.yyh-page .box5 .box5-1{
    padding: 0.4rem;
    padding-left: 2rem;
    height: 2.3rem;
    background: url(img/yyh_index_ico_4.png) no-repeat 0.5rem center;
    background-size: auto 1.3rem;
}

.yyh-page .box5 .box5-1 h3{
    font-size: 0.8rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.yyh-page .box5 .box5-1 h3 span{
    font-size: 0.6rem;
    height: 1.5rem;
    color: #999;
    font-weight: normal;
    border-left: 1px dashed #ebebeb;
    padding-left: 0.2rem;
    margin-left: 0.2rem;
}

.yyh-page .box5 .box5-1 h3 a{
    float: right;
    font-size: 0.6rem;
    height: 1.5rem;
    color: #999;
    font-weight: normal;
}

.yyh-page .box5 .box5-2{
    background: #fff;
    padding: 0.5rem;
    border-top: 1px solid #ebebeb;
    font-size: 0;
}

.yyh-page .box5 .box5-2 .fashion-item{
    display: none;
    position: relative;
}

.yyh-page .box5 .box5-2 .fashion-item:first-child{
    display: block;
}

.yyh-page .box5 .box5-2 .fashion-item .fashion-text{
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(img/user_lv_up_black.png) repeat;
    width: 100%;
    padding: 0.5rem;
}

.yyh-page .box5 .box5-2 .fashion-item .fashion-text h5{
    font-size: 0.7rem;
    color: #fff;
    font-weight: normal;
    width: 85%;
}

.yyh-page .box5 .box5-2 .fashion-item .fashion-text p{
    font-size: 0.6rem;
    color: #fff;
    margin: 0;
    width: 85%;
}

.yyh-page .box5 .box5-2 .fashion-item .fashion-text a{
    font-size: 0.7rem;
    color: #fff;
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    height: 1.3rem;
    padding-left: 1.3rem;
    line-height: 1.7rem;
    display: block;
    background: url(img/yyh_index_ico_10.png) no-repeat left center;
    background-size: auto 80%;
}

.yyh-page .box5 .box5-3{
    padding: 0.5rem;
    background: #fff;
    padding-top: 0;
}

.yyh-page .box5 .box5-3 a{
    float: left;
    width: 32%;
    font-size: 0;
    position: relative;
}

.yyh-page .box5 .box5-3 a:nth-child(2){
    margin: 0 2%;
}

.yyh-page .box5 .box5-3 a.on img{
    border: 2px solid #6bc1b2;
}

.yyh-page .box5 .box5-3 a .cover{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url(img/user_lv_up_black.png) repeat;
}

.yyh-page .box5 .box5-3 a.on .cover{
    display: none;
}

.yyh-page .box6{
    background: #fff;
    margin-top: 0.7rem;
}

.yyh-page .box6 .box6-1{
    padding: 0.4rem;
    padding-left: 2rem;
    height: 2.3rem;
    background: url(img/yyh_index_ico_5.png) no-repeat 0.5rem center;
    background-size: auto 1.3rem;
}

.yyh-page .box6 .box6-1 h3{
    font-size: 0.8rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.yyh-page .box6 .box6-1 h3 span{
    font-size: 0.6rem;
    height: 1.5rem;
    color: #999;
    font-weight: normal;
    border-left: 1px dashed #ebebeb;
    padding-left: 0.2rem;
    margin-left: 0.2rem;
}

.yyh-page .box6 .box6-1 h3 a{
    float: right;
    font-size: 0.6rem;
    height: 1.5rem;
    color: #999;
    font-weight: normal;
}

.yyh-page .box6 .box6-2{
    background: #fff;
    border-top: 1px solid #ebebeb;
}

.yyh-page .box6 .box6-2 .show-item{
    float: left;
    width: 50%;
    padding: 0.5rem;
    border-bottom: 1px solid #ebebeb;
}

.yyh-page .box6 .box6-2 .show-item:nth-child(2n){
    border-left: 1px solid #ebebeb;
}

.yyh-page .box6 .box6-2 .show-item .top-box{
    margin-bottom: 0.2rem;
}

.yyh-page .box6 .box6-2 .show-item .top-box img{
    float: left;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
}

.yyh-page .box6 .box6-2 .show-item .top-box p{
    float: right;
    width: 70%;
    margin: 0;
    font-size: 0.7rem;
}

.yyh-page .box6 .box6-2 .show-item .top-box span{
    float: right;
    width: 70%;
    margin: 0;
    font-size: 0.6rem;
    color: #999;
    padding-left: 0.6rem;
    background: url(img/home_col_locat.png) no-repeat left center;
    background-size: auto 80%;
}

.yyh-page .box6 .box6-2 .show-item .img-box{
    height: 9rem;
    overflow: hidden;
    border-radius: 2px;
    position: relative;
}

.yyh-page .box6 .box6-2 .show-item .img-box .ico-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2rem;
}

.yyh-page .box6 .box6-2 .show-item .img-box .ico-box span{
    float: left;
    width: 1.5rem;
    height: 2rem;
    margin-left: 0.5rem;
}

.yyh-page .box6 .box6-2 .show-item .img-box .ico-box span.ping{
    background: url(img/meida_ping.png) no-repeat;
    background-size: 100%;
}

.yyh-page .box6 .box6-2 .show-item .img-box .ico-box span.jing{
    background: url(img/meida_jing.png) no-repeat;
    background-size: 100%;
}

.yyh-page .box6 .box6-2 .show-item .bottom-box p{
    font-size: 0.7rem;
    margin: 0;
    height: 2rem;
    overflow: hidden;
}

.yyh-page .box6 .box6-2 .show-item .bottom-box .bottom-box-1{
    padding-top: 0.2rem;
}

.yyh-page .box6 .box6-2 .show-item .bottom-box .bottom-box-1 span{
    font-size: 0.7rem;
    float: right;
    color: #999;
    padding-left: 1rem;
    background: url(img/yyh_index_ico_11.png) no-repeat left center;
    background-size: auto 75%;
}

.yyh-page .box6 .box6-2 .show-item .bottom-box .bottom-box-1 i{
    float: left;
    width: 0.8rem;
    height: 0.8rem;
    background: url(img/yyh_index_star.png) no-repeat;
    background-size: 100%;
}

.yyh-page .box7{
    background: #fff;
    margin-top: 0.7rem;
}

.yyh-page .box7 .box7-1{
    padding: 0.4rem;
    padding-left: 2rem;
    height: 2.3rem;
    background: url(img/yyh_index_ico_6.png) no-repeat 0.5rem center;
    background-size: auto 1.3rem;
}

.yyh-page .box7 .box7-1 h3{
    font-size: 0.8rem;
    height: 1.5rem;
    line-height: 1.5rem;
}

.yyh-page .box7 .box7-1 h3 span{
    font-size: 0.6rem;
    height: 1.5rem;
    color: #999;
    font-weight: normal;
    border-left: 1px dashed #ebebeb;
    padding-left: 0.2rem;
    margin-left: 0.2rem;
}

.yyh-page .box7 .box7-1 h3 a{
    float: right;
    font-size: 0.6rem;
    height: 1.5rem;
    color: #999;
    font-weight: normal;
}

.yyh-page .box7 .box7-2{
    padding: 0.5rem;
    border-top: 1px solid #ebebeb;
}

.yyh-page .box7 .box7-2 .img-box{
    position: relative;
    font-size: 0;
}

.yyh-page .box7 .box7-3{
    padding: 0.5rem;
    padding-top: 0;
    position: relative;
}

.yyh-page .box7 .box7-3 span{
    position: absolute;
    top: 0;
    right: 0.5rem;
    font-size: 0.7rem;
    color: #999;
}

.yyh-page .box7 .box7-3 h4{
    font-size: 0.75rem;
}

.yyh-page .box7 .box7-3 p{
    font-size: 0.7rem;
    color: #999;
    margin: 0;
}

.yyh-page .box7 .box7-3 .bottom-box{
    text-align: right;
}

.yyh-page .box7 .box7-3 .bottom-box a{
    font-size: 0.6rem;
    color: #6bc1b2;
    padding-left: 1rem;
    margin-left: 0.2rem;
}

.yyh-page .box7 .box7-3 .bottom-box a:first-child{
    background: url(img/yyh_index_ico_12.png) no-repeat left center;
    background-size: auto 100%;
}

.yyh-page .box7 .box7-3 .bottom-box a:nth-child(2){
    background: url(img/yyh_index_ico_8.png) no-repeat left center;
    background-size: auto 100%;
}

.yyh-page .box8 .box8-1{
    text-align: center;
    position: relative;
    width: 50%;
    height: 1rem;
    margin: 0.7rem auto;
}

.yyh-page .box8 .box8-1 span{
    display: block;
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 998;
}

.yyh-page .box8 .box8-1 p{
    display: inline-block;
    position: absolute;
    left: 19%;
    top: 0;
    margin: 0;
    font-size: 0.6rem;
    background: #f7f7f7;
    height: 1rem;
    z-index: 999;
    padding: 0 0.5rem;
}

.yyh-page .box8 .box8-2 li{
    padding: 0.5rem;
    background: #fff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0.5rem;
    position: relative;
    min-height: 5rem;
}

.yyh-page .box8 .box8-2 li img{
    float: left;
    width: 39%;
}

.yyh-page .box8 .box8-2 li h4{
    float: right;
    width: 59%;
    color: #000;
    font-size: 0.75rem;
    line-height: 1rem;
    max-height: 2rem;
    overflow: hidden;
}

.yyh-page .box8 .box8-2 li p{
    float: right;
    width: 59%;
    font-size: 0.65rem;
    color: #999;
    margin: 0;
    line-height: 1rem;
    max-height: 2rem;
    overflow: hidden;
}

.yyh-page .box8 .box8-2 li .ico-box{
    float: right;
    width: 59%;
    margin-top: 0.5rem;
}

.yyh-page .box8 .box8-2 li .ico-box span{
    float: right;
    background: url(img/yyh_index_ico_9.png) no-repeat left center;
    background-size: auto 80%;
    color: #999;
    padding-left: 1rem;
    font-size: 0.65rem;
}

.yyh-page .box8 .box8-2 li .ico-box i{
    float: left;
    font-size: 0.6rem;
    font-style: normal;
    color: #6bc1b2;
    border: 1px solid #6bc1b2;
    border-radius: 2px;
    padding: 0 0.2rem;
}

/*article-list-page*/

.article-list-page .tabs{
    margin-top: 0.7rem;
    position: relative;
}

.article-list-page .tabs .tab{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: #f7f7f7;
    z-index: 98;
    width: 100%;
}

.article-list-page .tabs .tab.active{
    z-index: 99;
}

.article-list-page #tab1 li{
    background: #fff;
    padding: 0.5rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0.7rem;
}

.article-list-page #tab1 li h4{
    font-size: 0.75rem;
    color: #000;
    padding-right: 2rem;
    position: relative;
    margin: 0.2rem 0;
}

.article-list-page #tab1 li h4 span{
    font-size: 0.6rem;
    color: #999;
    font-weight: normal;
    position: absolute;
    right: 0;
    top: 0;
}

.article-list-page #tab1 li p{
    font-size: 0.7rem;
    color: #999;
    margin: 0;
}

.article-list-page #tab1 li .bottom-box{
    text-align: right;
}

.article-list-page #tab1 li .bottom-box a{
    font-size: 0.6rem;
    color: #6bc1b2;
    padding-left: 1rem;
    margin-left: 0.2rem;
}

.article-list-page #tab1 li .bottom-box a:first-child{
    background: url(img/yyh_index_ico_12.png) no-repeat left center;
    background-size: auto 100%;
}

.article-list-page #tab1 li .bottom-box a:nth-child(2){
    background: url(img/yyh_index_ico_13.png) no-repeat left center;
    background-size: auto 100%;
}

.article-list-page #tab1 li .hd-bottom-box{
    text-align: right;
}

.article-list-page #tab1 li .hd-bottom-box a{
    font-size: 0.6rem;
    color: #6bc1b2;
    padding-left: 1rem;
    margin-left: 0.2rem;
}

.article-list-page #tab1 li .hd-bottom-box a:first-child{
    background: url(img/yyh_index_ico_7.png) no-repeat left center;
    background-size: auto 100%;
}

.article-list-page #tab1 li .hd-bottom-box a:nth-child(2){
    background: url(img/yyh_index_ico_8.png) no-repeat left center;
    background-size: auto 100%;
}

.article-list-page #tab1 li .img-a{
    position: relative;
    font-size: 0;
    display: block;
    min-height: 5rem;
}

.article-list-page #tab1 li .img-a .ico-box{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2rem;
}

.article-list-page #tab1 li .img-a .ico-box span{
    float: left;
    margin-left: 0.5rem;
    width: 1.5rem;
    height: 2rem;
}

.article-list-page #tab1 li .img-a .ico-box span.ding{
    background: url(img/yyh_article_ico_ding.png) no-repeat;
    background-size: 100%;
}

.article-list-page #tab1 li .img-a .ico-box span.hd{
    background: url(img/yyh_article_ico_hd.png) no-repeat;
    background-size: 100%;
}

.article-list-page #tab1 li .img-a img{
    width: 100%;
}

.article-list-page #tab2 li{
    padding: 0.7rem 0.5rem;
    font-size: 0;
    padding-top: 0;
}

.article-list-page #tab2 li img{
    width: 100%;
    min-height: 5rem;
}

.article-list-page #tab2 li a{
    font-size: 0;
    display: block;
    position: relative;
}

.article-list-page #tab2 li .cover-box{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: url(img/user_lv_up_black.png) repeat;
    padding: 0.5rem;
}

.article-list-page #tab2 li .cover-box h4{
    font-size: 0.75rem;
    color: #fff;
    padding-right: 2.5rem;
    line-height: 1.1rem;
    max-height: 1.1rem;
    overflow: hidden;
}

.article-list-page #tab2 li .cover-box p{
    font-size: 0.65rem;
    color: #999;
    margin: 0;
    padding-right: 2.5rem;
    line-height: 1rem;
    max-height: 2rem;
    overflow: hidden;
}

.article-list-page #tab2 li .cover-box span{
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    font-size: 0.65rem;
    color: #fff;
    height: 1.3rem;
    padding-left: 1.3rem;
    line-height: 1.7rem;
    display: block;
    background: url(img/yyh_index_ico_10.png) no-repeat left center;
    background-size: auto 80%;
}

.article-list-page #tab3 {
    position: relative;
}

.article-list-page #tab3 .ul-left{
    float: left;
    display: block;
    width: 50%;
    border-top: 1px solid #ebebeb;
}

.article-list-page #tab3 .ul-right{
    float: left;
    display: block;
    width: 50%;
    border-top: 1px solid #ebebeb;
}

.article-list-page #tab3 .ul-box li{
    display: block;
    padding: 0.5rem;
    border-left: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    -webkit-column-break-inside:avoid;
    background: #fff;
}

.article-list-page #tab3 .ul-box li.date-box{
    background: none;
    text-align: center;
    padding: 0.2rem 0.5rem;
}

.article-list-page #tab3 .ul-box li.date-box h3{
    font-size: 0.75rem;
    color: #999;
}

.article-list-page #tab3 .ul-box li.date-box p{
    font-size: 0.7rem;
    margin: 0;
    color: #999;
}

.article-list-page #tab3 .ul-box li .top-box{
    margin-bottom: 0.2rem;
}

.article-list-page #tab3 .ul-box li .top-box img{
    float: left;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
}

.article-list-page #tab3 .ul-box li .top-box p{
    float: right;
    width: 70%;
    margin: 0;
    font-size: 0.7rem;
    height: 1rem;
    overflow: hidden;
}

.article-list-page #tab3 .ul-box li .top-box span{
    float: right;
    width: 70%;
    margin: 0;
    font-size: 0.6rem;
    color: #999;
    padding-left: 0.6rem;
    background: url(img/home_col_locat.png) no-repeat left center;
    background-size: auto 80%;
    height: 0.9rem;
    overflow: hidden;
}

.article-list-page #tab3 .ul-box li .img-box{
    max-height: 11rem;
    overflow: hidden;
    min-height: 5rem;
    position: relative;
}

.article-list-page #tab3 .ul-box li .img-box .ico-box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2rem;
}

.article-list-page #tab3 .ul-box li .img-box .ico-box span{
    float: left;
    width: 1.5rem;
    height: 2rem;
    margin-left: 0.5rem;
}

.article-list-page #tab3 .ul-box li .img-box .ico-box span.ping{
    background: url(img/meida_ping.png) no-repeat;
    background-size: 100%;
}

.article-list-page #tab3 .ul-box li .img-box .ico-box span.jing{
    background: url(img/meida_jing.png) no-repeat;
    background-size: 100%;
}

.article-list-page #tab3 .ul-box li .bottom-box p{
    font-size: 0.7rem;
    margin: 0;
    max-height: 3rem;
    overflow: hidden;
}

.article-list-page #tab3 .ul-box li .bottom-box-1{
    padding-top: 0.2rem;
}

.article-list-page #tab3 .ul-box li .bottom-box-1 span{
    font-size: 0.7rem;
    float: right;
    color: #999;
    padding-left: 1rem;
    background: url(img/yyh_index_ico_11.png) no-repeat left center;
    background-size: auto 75%;
}

.article-list-page #tab3 .ul-box li .bottom-box-1 i{
    float: left;
    width: 0.8rem;
    height: 0.8rem;
    background: url(img/yyh_index_star.png) no-repeat;
    background-size: 100%;
}

.article-list-page #tab3 .ul-box li .bottom-box-1 i.half{
    background: url(img/star_half.png) no-repeat;
    background-size: 100%;
}

.article-list-page #tab3 .show-bt{
    position: fixed;
    width: 6rem;
    height: 1.8rem;
    bottom: 1rem;
    left: 36%;
}

.article-list-page .bar-nav img {
    height: 1.4rem;
    margin-left: 0;
}

@media screen and (min-width: 375px) {
    .article-list-page .bar-nav img {
        height: 1.4rem;
        margin-left: 0.5rem;
    }
}

.article-list-page .bar-nav .logo img {
    height: 1rem;
    margin: 0;
}

.article-list-page .focus {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.article-list-page .focus .hd {
    width: 100%;
    height: 11px;
    position: absolute;
    z-index: 1;
    bottom: 0.1rem;
    text-align: center;
}

.article-list-page .focus .hd ul {
    display: inline-block;
    height: 5px;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    vertical-align: top;
}

.article-list-page .focus .hd ul li {
    list-style: none;
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #8C8C8C;
    margin: 0 5px;
    vertical-align: top;
    overflow: hidden;
}

.article-list-page .focus .hd ul .on {
    background: #6bc1b2;
}

.article-list-page .focus .bd {
    position: relative;
    z-index: 0;
}

.article-list-page .focus .bd li {
    font-size: 0;
}

.article-list-page .focus .bd li img {
    width: 100%;
    background: url(img/loading.gif) center center no-repeat;
    vertical-align: bottom;
}

.article-list-page .focus .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* å–æ¶ˆé“¾æŽ¥é«˜äº® */
    display: inline-block;
    font-size: 0;
}

.article-list-page .no-times{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(img/user_lv_up_black.png) repeat;
    z-index: 999;
    display: none;
}

.article-list-page .no-times .times-box{
    width: 90%;
    background: #fff;
    margin: 50% auto;
    padding: 10%;
    border-radius: 2px;
    text-align: center;
}

.article-list-page .no-times .times-box img{
    margin-bottom: 1rem;
}

.article-list-page .no-times .times-box a{
    font-size: 0.75rem;
    color: #fff;
    background: #6bc1b2;
    padding: 0.5rem 1.5rem;
    border-radius: 3px;
}

/*show-details-page*/
.show-details-page .box1{
    padding: 0.5rem;
    background: #fff;
    position: relative;
}

.show-details-page .box1 img{
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 2.5rem;
}

.show-details-page .box1 h4{
    float: left;
    width: 70%;
    height: 1rem;
    overflow: hidden;
    font-size: 0.8rem;
    line-height: 1rem;
    padding-left: 0.5rem;
    margin-top: 0.35rem;
}

.show-details-page .box1 p{
    float: left;
    width: 70%;
    margin: 0;
    height: 1rem;
    overflow: hidden;
    font-size: 0.65rem;
    line-height: 1rem;
    padding-left: 0.5rem;
    color: #999;
}

.show-details-page .box1 p span{
    margin-left: 0.5rem;
    padding-left: 0.6rem;
    background: url(img/home_col_locat.png) no-repeat left center;
    background-size: auto 80%;
}

.show-details-page .box1-on{
    background: #fff url(img/yyh_show_details_yiping.png) no-repeat;
    background-size: auto 60%;
    background-position: 80% 0;
}


.show-details-page .box1 .recommend {
    font-size: 0.6rem;
    color: #999;
    padding-top: 1rem;
    background: url(img/article_ico_1.png) no-repeat top center;
    background-size: auto 1rem;
    position: absolute;
    right: 5%;
    top: 30%;
}

.show-details-page .box1 a.on{
    background: url(img/pro_heart.png) no-repeat top center;
    background-size: auto 1rem;
}

.show-details-page .box2{
    padding: 0.5rem;
    padding-top: 0;
    background: #fff;
    font-size: 0;
}

.show-details-page .box2 img{
    width: 100%;
    margin-bottom: 0.5rem;
    background: #ebebeb;
}

.show-details-page .box2 p{
    margin: 0;
    font-size: 0.7rem;
}

.show-details-page .box3{
    background: #fff;
    padding: 0 0.5rem;
    padding-bottom: 0.5rem;
}

.show-details-page .box3 .box3-1{
    margin-bottom: 0.5rem;
}

.show-details-page .box3 .box3-1 .head-img{
    float: left;
    width: 20%;
    text-align: center;
}

.show-details-page .box3 .box3-1 .head-img img{
    width: 80%;
}

.show-details-page .box3 .box3-1 .text-box{
    float: right;
    width: 78%;
    background: #f7f7f7;
    padding: 0.5rem;
    border-radius: 3px;
    min-height: 4rem;
    position: relative;
}

.show-details-page .box3 .box3-1 .text-box .jiao{
    position: absolute;
    left: -0.5rem;
    top: 1rem;
    width: 0.5rem;
    height: 1rem;
    background: url(img/yyh_show_details_jiao.png) no-repeat;
    background-size: 100%;
}

.show-details-page .box3 .box3-1 .text-box span{
    font-size: 0.75rem;
    color: #6bc1b2;
}

.show-details-page .box3 .box3-1 .text-box p{
    font-size: 0.7rem;
    margin: 0;
}

.show-details-page .box3 li{
    padding: 0.3rem;
    border: 1px solid #ebebeb;
    position: relative;
    margin-bottom: 0.5rem;
}

.show-details-page .box3 li:last-child{
    margin-bottom: 0;
}

.show-details-page .box3 li img{
    width: 3rem;
    height: 3rem;
    float: left;
}

.show-details-page .box3 li p{
    width: 70%;
    float: left;
    margin: 0;
    font-size: 0.7rem;
    color: #000;
    padding-left: 0.5rem;
}

.show-details-page .box3 li span{
    float: left;
    font-size: 0.7rem;
    padding-left: 0.5rem;
    color: #f97373;
}

.show-details-page .box3 li i{
    position: absolute;
    right: 0.3rem;
    top: 36%;
}

.show-details-page .box4{
    background: #fff;
    padding: 0.7rem 0;
}

.show-details-page .box4 .box4-1{
    width: 5rem;
    height: 4.2rem;
    margin: 0 auto;
    background: url(img/show_details_ico_1.png) no-repeat;
    background-size: 100%;
}

.show-details-page .box4 .box4-1 a{
    display: block;
    width: 100%;
    height: 100%;
}

.show-details-page .box4 .box4-1-on{
    background: url(img/show_details_ico_2.png) no-repeat;
    background-size: 100%;
}

.show-details-page .box4 .box4-2{
    width: 7.5rem;
    height: 1.5rem;
    margin: 0 auto;
}

.show-details-page .box4 .box4-2 i{
    float: left;
    width: 1.5rem;
    height: 1.5rem;
    background: url(img/show_details_ico_3.png) no-repeat center;
    background-size: 80%;
}

.show-details-page .box4 .box4-2 i.on{
    background: url(img/show_details_ico_4.png) no-repeat center;
    background-size: 80%;
}

.show-details-page .box5{
    padding: 0.5rem;
    background: #fff;
    margin-top: 0.5rem;
    margin-bottom: 3rem;
}

.show-details-page .box5 .box5-1{
    height: 2.2rem;
    padding: 0.5rem 0;
    margin: 0 0.5rem;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden;
}

.show-details-page .box5 .box5-1 span{
    float: left;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 1.2rem;
    margin-right: 0.2rem;
    overflow: hidden;
}

.show-details-page .box5 .box5-1 span:first-child{
    background: #6bc1b2;
    color: #fff;
    font-size: 0.6rem;
    text-align: center;
    line-height: 1.2rem;
}

.show-details-page .box5 .box5-2{
    padding: 0 0.5rem;
    padding-top: 0.5rem;
}

.show-details-page .box5 .box5-2 li{
    padding: 0.5rem;
    position: relative;
    border-bottom: 1px solid #ebebeb;
}

.show-details-page .box5 .box5-2 li:last-child{
    border-bottom: none;
}

.show-details-page .box5 .box5-2 li .act-btn{
    position: absolute;
    right: 0;
    top: 30%;
    width: 2rem;
    height: 2rem;
    background: url(img/yyh_show_details_act.png) no-repeat center right;
    background-size: 50%;
}

.show-details-page .box5 .box5-2 li .delete-btn{
    position: absolute;
    right: 0;
    top: 30%;
    width: 2rem;
    height: 2rem;
    background: url(img/yyh_show_details_act2.png) no-repeat center right;
    background-size: 40%;
}

.show-details-page .box5 .box5-2 li img{
    float: left;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    max-width: 18%;
}

.show-details-page .box5 .box5-2 li .text-box{
    float: left;
    width: 80%;
    padding-left: 0.5rem;
}

.show-details-page .box5 .box5-2 li h4{
    font-size: 0.75rem;
    max-height: 1rem;
    overflow: hidden;
}

.show-details-page .box5 .box5-2 li h4 span{
    display: inline-block;
    height: 0.9rem;
    width: 0.8rem;
    background-size: cover;
    margin-left: 0.2rem;
}

.show-details-page .box5 .box5-2 li h4 a{
    color: #6bc1b2;
}

.show-details-page .box5 .box5-2 li p{
    font-size: 0.7rem;
    margin: 0;
    max-height: 3.3rem;
    overflow: auto;
}

.show-details-page .box5 .box5-2 li span{
    font-size: 0.6rem;
    color: #999;
}

.show-details-page .box5 .box5-3 p{
    font-size: 0.7rem;
    color: #999;
    text-align: center;
    margin: 1rem 0;
}

.show-details-page .comment-box{
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2.5rem;
    background: #fff;
    border-top: 1px solid #ebebeb;
    padding: 0.5rem;
}

.show-details-page .comment-box input[type='text']{
    float: left;
    width: 80%;
    height: 1.5rem;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    font-size: 0.7rem;
    text-indent: 0.5rem;
}

.show-details-page .comment-box a{
    float: right;
    width: 18%;
    height: 1.5rem;
    border-radius: 2px;
    text-align: center;
    font-size: 0.7rem;
    color: #fff;
    background: #6bc1b2;
    line-height: 1.5rem;
}

.show-details-page .comment-box a:active{
    background: #f97373;
}

.show-details-page .alert-shang{
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(img/user_lv_up_black.png) repeat;
    display: none;
}

.show-details-page .alert-shang .shang-box{
    margin: 50% auto;
    width: 90%;
    padding: 1rem 0.5rem;
    padding-top: 7rem;
    background: #fff url(img/yyh_show_details_shang.png) no-repeat;
    background-size: 90%;
    background-position: center 1rem;
    border-radius: 2px;
    text-align: center;
    position: relative;
}

.show-details-page .alert-shang .shang-box a{
    display: inline-block;
    font-size: 0.75rem;
    color: #fff;
    background: #6bc1b2;
    width: 5rem;
    height: 1.5rem;
    text-align: center;
    line-height: 1.5rem;
    border-radius: 2px;
}

.show-details-page .alert-shang .shang-box .close-shang{
    display: inline-block;
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: 0;
    top: 0;
    background: url(img/goods_show_close.png) no-repeat center;
    background-size: 35%;
}

.show-details-page .tip{
    display: none;
    margin-bottom: 5rem;
}

.show-details-page .tip p{
    text-align: center;
    font-size: 0.5rem;
    color: #999;
}

/*add-share-page*/
.add-share-page .box1{
    padding: 0.5rem;
    background: #fff;
    margin-top: 0.7rem;
}

.add-share-page .box1 .box1-1{
    border-bottom: 1px solid #ebebeb;
    position: relative;
}

.add-share-page .box1 .box1-1 textarea{
    font-size: 0.7rem;
    border: none;
    resize: none;
    height: 6rem;
    width: 100%;
}

.add-share-page .box1 .box1-1 .font-num{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 0.5rem;
    color: #999;
}

.add-share-page .box1 .box1-2{
    padding-top: 0.5rem;
    height: 3.5rem;
}

.add-share-page .box1 .box1-2 .add-photo{
    float: left;
    width: 3rem;
    height: 3rem;
    border: 1px solid #ebebeb;
    background: url(img/add_share_ico_1.png) no-repeat center;
    background-size: 70%;
    font-size: 0;
}

.add-share-page .box1 .box1-2 .add-photo input{
    float: left;
    width: 3rem;
    height: 3rem;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity:0);
}

.add-share-page .box1 .box1-2 .img{
    width: 3rem;
    height: 3rem;
    background-size: cover;
    background-position: center;
    float: left;
    margin-left: 0.2rem;
    margin-bottom: 0.2rem;
    position: relative;
}

.add-share-page .box1 .box1-2 .img .deleteimg{
    width: 1rem;
    height: 1rem;
    background: #6bc1b2;
    color: #fff;
    position: absolute;
    right: -0.3rem;
    top: -0.3rem;
    border-radius: 50%;
    text-align: center;
    line-height: 0.8rem;
    font-style: normal;
    font-size: 0.8rem;
    z-index: 2;
}

.add-share-page .box1 .box1-2 .img .view-bt{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
}

.add-share-page .box2{
    padding: 0.5rem;
    background: #fff;
    margin-top: 0.7rem;
}

.add-share-page .box2 p{
    font-size: 0.7rem;
    color: #999;
    margin: 0;
}

.add-share-page .box2 .input-box input{
    float: left;
    width: 80%;
    height: 1.5rem;
    border: 1px solid #ebebeb;
    border-right: 0;
    margin: 0.5rem 0;
    text-indent: 0.5rem;
    font-size: 0.7rem;
}

.add-share-page .box2 .input-box a{
    float: left;
    width: 20%;
    height: 1.5rem;
    font-size: 0.7rem;
    line-height: 1.5rem;
    text-align: center;
    color: #fff;
    background: #6bc1b2;
    margin: 0.5rem 0;
}

.add-share-page .box2 .input-box a:active{
    background: #f97373;
}

.add-share-page .box2 .img-box img{
    float: left;
    width: 3rem;
    height: 3rem;
    margin-right: 0.2rem;
}

.add-share-page .box3{
    margin: 2rem 0;
    text-align: center;
}

.add-share-page .box3 a{
    display: inline-block;
    width: 80%;
    height: 2rem;
    line-height: 2rem;
    color: #fff;
    background: #6bc1b2;
    text-align: center;
    border-radius: 2px;
    font-size: 0.8rem;
}

.add-share-page .box3 a:active{
    background: #f97373;
}

.add-share-page .img-view{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.7);
    display: none;
    z-index: 999;
}

.add-share-page .img-view .img-big{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position-y: center;
}

/*complaint-page*/
.complaint-page .box1-1{
    padding: 0.7rem 0.5rem;
    text-align: center;
}

.complaint-page .box1-1 a{
    display: inline-block;
    width: 30%;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.65rem;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    margin: 0.3rem 0.1rem;
    color: #999;
}

.complaint-page .box1-1 a.on{
    background: #6bc1b2;
    color: #fff;
}

.complaint-page .box1-2{
    text-align: center;
    display: none;
    margin-bottom: 0.7rem;
}

.complaint-page .box1-2 p{
    font-size: 0.65rem;
    margin: 0;
    color: #999;
}

.complaint-page .box1-2 p span{
    color: #6bc1b2;
}

.complaint-page .box2{

}

.complaint-page .box2 .tit{
    font-size: 0.8rem;
    color: #000;
    padding: 0 0.5rem;
    margin-bottom: 0.2rem;
}

.complaint-page .box2 .box2-1{
    padding: 0.5rem;
    background: #fff;
}

.complaint-page .box2 .box2-1 .text-box textarea{
    width: 100%;
    height: 6rem;
    resize: none;
    border: none;
    border-bottom: 1px solid #ebebeb;
    font-size: 0.7rem;
}

.complaint-page .box2 .box2-1 .tip{
    font-size: 0.7rem;
    color: #999;
    margin: 0;
    margin-bottom: 0.2rem;
}

.complaint-page .box2 .box2-1 .img-box img{
    float: left;
    width: 3rem;
    height: 3rem;
    margin-right: 0.3rem;
}

.complaint-page .box2 .box2-1 .img-box .add-photo{
    float: left;
    width: 3rem;
    height: 3rem;
    border: 1px solid #ebebeb;
    background: url(img/add_share_ico_1.png) no-repeat center;
    background-size: 70%;
    font-size: 0;
}

.complaint-page .box2 .box2-1 .img-box .add-photo input{
    float: left;
    width: 3rem;
    height: 3rem;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity:0);
}

.complaint-page .box3{
    background: #fff;
    margin-top: 0.7rem;
    padding: 0.5rem;
}

.complaint-page .box3 span{
    font-size: 0.7rem;
    color: #000;
    float: left;
    width: 20%;
}

.complaint-page .box3 span{
    font-size: 0.7rem;
    float: left;
    width: 20%;
    line-height: 1.5rem;
}

.complaint-page .box3 span i{
    font-style: normal;
    color: red;
}

.complaint-page .box3 input{
    border: none;
    width: 80%;
    float: left;
    height: 1.5rem;
}

.complaint-page .box4{
    background: #fff;
    padding: 0.8rem;
    margin-top: 1.5rem;
}

.complaint-page .box4 a{
    display: block;
    width: 100%;
    height: 2rem;
    background: #6bc1b2;
    text-align: center;
    color: #fff;
    font-size: 0.8rem;
    line-height: 2rem;
    border-radius: 2px;
}

.complaint-page .cover-box{
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(img/user_lv_up_black.png) repeat;
    top: 0;
    left: 0;
    display: none;
}

.complaint-page .cover-box .mm-box{
    width: 90%;
    background: #fff;
    border-radius: 2px;
    margin: 0 auto;
    margin-top: 55%;
}

.complaint-page .cover-box .mm-box .mm-1{
    height: 1.8rem;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    border-radius: 2px;
}

.complaint-page .cover-box .mm-box .mm-1 img{
    position: absolute;
    bottom: 0;
    left: -0.5rem;
    width: 45%;
}

.complaint-page .cover-box .mm-box .mm-1 a{
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    background: url(img/goods_show_close.png) no-repeat center;
    background-size: 50%;
    float: right;
}

.complaint-page .cover-box .mm-box .mm-2{
    text-align: center;
    padding-bottom: 1rem;
}

.complaint-page .cover-box .mm-box .mm-2 p{
    font-size: 0.75rem;
}

.complaint-page .cover-box .mm-box .mm-2 p span{
    color: #f97373;
}

.complaint-page .cover-box .mm-box .mm-2 a{
    display: inline-block;
    width: 30%;
    height: 1.8rem;
    background: #6bc1b2;
    color: #fff;
    font-size: 0.8rem;
    line-height: 1.8rem;
    border-radius: 2px;
    margin-top: 1rem;
}

.complaint-page .bar .pull-right{
    font-size: 0.7rem;
    color: #000;
    font-family: "Microsoft YaHei", sans-serif;
    line-height: 2.2rem;
    position: relative;
    z-index: 20;
}

.complaint-page .shop-info{
    background: #fff;
    border-bottom: 1px solid #ebebeb;
    padding: 0.5rem;
}

.complaint-page .shop-info h3{
    font-size: 0.8rem;
    font-weight: normal;
    padding-left: 1rem;
    background: url(img/shops_ico_location_gray.png) no-repeat left center;
    background-size: 0.8rem;
}

.complaint-page .shop-info p{
    font-size: 0.7rem;
    padding-left: 1rem;
    color: #999;
    margin: 0;
}

.complaint-page .shop-info2{
    border-bottom: 1px solid #ebebeb;
    padding: 0.5rem;
    background: #fff url(img/personaldata_2.png) no-repeat 98% center;
    background-size: auto 20%;
}

.complaint-page .shop-info2 h3{
    font-size: 0.8rem;
    font-weight: normal;
    padding-left: 1rem;
    background: url(img/shops_ico_location_gray.png) no-repeat left center;
    background-size: 0.8rem;
    color: #000;
}

.complaint-page .shop-info2 p{
    font-size: 0.7rem;
    padding-left: 1rem;
    color: #999;
    margin: 0;
    width: 90%;
}

.complaint-page .search-shop{
    background: #fff;
    padding: 0.5rem 1rem;
}

.complaint-page .search-shop a{
    font-size: 0.75rem;
    display: block;
}

.shop-search-page .box1{
    background: #fff;
    padding: 0.5rem 1rem;
}

.shop-search-page .box1 span{
    font-size: 0.8rem;
}

.shop-search-page .box1 input{
    border: none;
    font-size: 0.75rem;
    width: 75%;
}

.shop-search-page .box1 button{
    background: #fff;
    border: 1px solid #999;
    float: right;
    font-size: 0.75rem;
    color: #999;
    border-radius: 3px;
}

.shop-search-page .box2{
    display: none;
}

.shop-search-page .box2 p{
    font-size: 0.8rem;
    color: #333;
    text-align: center;
}

.shop-search-page .box3{
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

.shop-search-page .box3 .item{
    background: #fff;
    padding: 0.5rem 1rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    height: 4.5rem;
    margin-bottom: 0.5rem;
}

.shop-search-page .box3 .item span{
    width: 10%;
    height: 3.5rem;
    float: left;
    background: url(img/confirm_ico_pay_2.png) no-repeat left center;
    background-size: 1rem 1rem;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.shop-search-page .box3 .item span.active{
    background: url(img/confirm_ico_pay_1.png) no-repeat left center;
    background-size: 1rem 1rem;
}

.shop-search-page .box3 .item .shop-info{
    float: left;
    width: 90%;
    height: 3.5rem;
}

.shop-search-page .box3 .item .shop-info h3{
    font-size: 0.8rem;
}

.shop-search-page .box3 .item .shop-info p{
    font-size: 0.7rem;
    margin: 0;
    color: #999;
    width: 90%;
}

.shop-search-page .infinite-scroll-preloader{
    display: none;
    margin-bottom: 4rem;
}

.shop-search-page .over-box{
    text-align: center;
    display: none;
}

.shop-search-page .over-box p{
    font-size: 0.6rem;
    color: #999;
}

.shop-search-page .submit-box{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3rem;
    padding: 0.5rem 1rem;
    background: #fff;
    border-top: 1px solid #ebebeb;
    display: none;
}

.shop-search-page .submit-box a{
    display: block;
    background: #6bc1b2;
    font-size: 0.8rem;
    color: #fff;
    text-align: center;
    height: 2rem;
    line-height: 2rem;
    border-radius: 2px;
}

/*complaint-list-page*/


.complaint-list-page .bar .pull-right{
    font-size: 0.7rem;
    color: #000;
    font-family: "Microsoft YaHei", sans-serif;
    line-height: 2.2rem;
    position: relative;
    z-index: 20;
}

.complaint-list-page .box1 li{
    background: #fff;
    padding: 0.5rem;
    margin-top: 0.7rem;
    position: relative;
}

.complaint-list-page .box1 li p{
    margin: 0;
    font-size: 0.7rem;
    color: #999;
    line-height: 1.4rem;
}

.complaint-list-page .box1 li p span{
    color: #000;
}

.complaint-list-page .box1 li p:nth-child(4) span{
    color: #6bc1b2;
}

.complaint-list-page .box1 li i{
    position: absolute;
    right: 0.5rem;
    top: 40%;
}

.complaint-list-page .tip{
    height: 2rem;
    display: none;
}

.complaint-list-page .tip p{
    color: #999;
    font-size: 0.6rem;
    text-align: center;
    margin: 0;
    line-height: 2rem;
}

.complaint-list-page .empty-box {
    padding-top: 5rem;
    background: url(img/ico_no_complaint.png) no-repeat center;
    background-size: 3rem;
    margin-top: 3rem;
}

.complaint-list-page .empty-box p {
    font-size: 0.7rem;
    color: #999;
    text-align: center;
}

/*user-share-page*/
.user-share-page .box1{
    /*padding-bottom: 2rem;*/
}
.user-share-page .box1 .date-box{
    background: #fff;
    margin-top: 0.7rem;
    padding: 0.5rem;
    border-bottom: 1px solid #ebebeb;
}

.user-share-page .box1 .date-box p{
    font-size: 0.8rem;
    color: #6bc1b2;
    margin: 0;
    line-height: 1.3rem;
}

.user-share-page .box1 .item{
    background: #fff;
    padding: 0.5rem;
    padding-bottom: 0;
}

.user-share-page .box1 .item p{
    margin: 0;
}

.user-share-page .box1 .item p.time{
    font-size: 0.6rem;
    color: #999;
}

.user-share-page .box1 .item p.des{
    font-size: 0.75rem;
    color: #000;
    margin: 0.2rem 0;
}

.user-share-page .box1 .item .img-box{
    padding-bottom: 0.5rem;
    font-size: 0;
    border-bottom: 1px solid #ebebeb;
}

.user-share-page .box1 .item:last-child .img-box{
    border-bottom: none;
}

.user-share-page .box1 .item .img-box .img{
    width: 5rem;
    height: 5rem;
    overflow: hidden;
    margin-right: 0.2rem;
    display: inline-block;
    background-size: cover;
    background-position: center center;
}

.user-share-page .tip{
    height: 2rem;
    display: none;
}

.user-share-page .tip p{
    color: #999;
    font-size: 0.6rem;
    text-align: center;
    margin: 0;
    line-height: 2rem;
}

.user-share-page .no-share {
    padding-top: 5rem;
    background: url(img/ico_no_share.png) no-repeat center;
    background-size: 3rem;
    margin-top: 3rem;
    height: 5rem;
    text-align: center;
}

.user-share-page .no-share p {
    font-size: 0.7rem;
    color: #999;
    text-align: center;
    margin: 0;
}

.user-share-page .no-share a {
    display: inline-block;
    line-height: 1.5rem;
    background: #6bc1b2;
    color: #fff;
    font-size: 0.75rem;
    padding: 0 0.5rem;
    border-radius: 2px;
    margin-top: 0.5rem;
}

/*complaint-show-page*/
.complaint-show-page .box1{
    background: #fff;
    padding: 0.5rem;
    margin-top: 0.7rem;
}

.complaint-show-page .box1 p{
    margin: 0;
    font-size: 0.75rem;
    line-height: 1.3rem;
}

.complaint-show-page .box1 p span{
    color: #999;
}

.complaint-show-page .box1 p:nth-child(4){
    color: #6bc1b2;
}

.complaint-show-page .tit{
    font-size: 0.75rem;
    padding: 0.5rem;
}

.complaint-show-page .box2{
    background: #fff;
    padding: 0.5rem;
}

.complaint-show-page .box2 p{
    font-size: 0.7rem;
    margin: 0;
}

.complaint-show-page .box2 p span{
    color: #999;
}

.complaint-show-page .box2 p:first-child{
    color: #6bc1b2;
}

.complaint-show-page .box2 .img-box{
    margin-top: 0.5rem;
}

.complaint-show-page .box2 .img-box .img{
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    margin-right: 0.2rem;
}

.complaint-show-page .reply{
    background: #e6fffb;
    border: 1px solid #c5deda;
    padding: 0.5rem;
    border-radius: 2px;
    margin-top: 0.5rem;
    position: relative;
}

.complaint-show-page .reply p{
    font-size: 0.7rem;
    color: #6bc1b2;
    margin: 0;
}

.complaint-show-page .arrow-up {
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid #c5deda;
    position: absolute;
    top: -10px;
    left: 1rem;
}

.complaint-show-page .arrow-up-in {
    width:0;
    height:0;
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    border-bottom:10px solid #e6fffb;
    position: absolute;
    top: 1px;
    left: -9px;
}

.complaint-show-page .box3{
    background: #fff;
    padding: 0.5rem;
}

.complaint-show-page .box3 textarea{
    width: 100%;
    height: 5rem;
    font-size: 0.7rem;
    border: none;
    resize: none;
}

.complaint-show-page .box3 .photo-box{
    border-top: 1px solid #ebebeb;
    padding-top: 0.5rem;
}

.complaint-show-page .box3 .photo-box img{
    float: left;
    width: 3rem;
    height: 3rem;
    margin-right: 0.2rem;
}

.complaint-show-page .box3 .photo-box .add-photo{
    float: left;
    width: 3rem;
    height: 3rem;
    border: 1px solid #ebebeb;
    background: url(img/add_share_ico_1.png) no-repeat center;
    background-size: 70%;
    font-size: 0;
}

.complaint-show-page .box3 .photo-box input{
    float: left;
    width: 3rem;
    height: 3rem;
    font-size: 0;
    opacity: 0;
    filter: alpha(opacity:0);
}

.complaint-show-page .button-box{
    padding: 1rem 0.5rem;
    height: 4rem;
}

.complaint-show-page .button-box a{
    display: inline-block;
    width: 4.5rem;
    height: 2rem;
    background: #6bc1b2;
    color: #fff;
    line-height: 2rem;
    text-align: center;
    float: right;
    font-size: 0.75rem;
}

.complaint-show-page .img-view{
    position: fixed;
    width: 100%;
    height: 100%;
    background: url(img/user_lv_up_black.png) repeat;
    display: none;
    z-index: 999;
}

.complaint-show-page .img-view img{
    width: 100%;
}

/*birthday-page*/
.birthday-page .box1{
    background: url(img/birthday_2.png) repeat-y;
    background-size: 100% auto;
}

.birthday-page .box1 p{
    font-size: 0.75rem;
    line-height: 1rem;
    width: 86%;
    margin: 0.5rem 7% 0;
    padding-bottom: 1rem;
}

.birthday-page .box2{
    background: url(img/birthday_2.png) repeat-y;
    background-size: 100% auto;
}

.birthday-page .box2 .box2-1{
    width: 55%;
    margin: 0 auto;
}

.birthday-page .box2 .box2-2{
    width: 96%;
    margin: 0 auto;
    font-size: 0;
}

.birthday-page .box2 .box2-2 .text{
    background: #fff;
}

.birthday-page .box2 .box2-2 .text .help{
    font-size: 0.7rem;
    height: 3rem;
    padding: 0 0.5rem;
    line-height: 3rem;
    color: #4a4a4a;
}

.birthday-page .box2 .box2-2 .text .help a{
    display: block;
    width: 6.5rem;
    height: 1.2rem;
    background: url(img/birthday_5.png) no-repeat center;
    background-size: auto 100%;
    float: right;
    margin-top: 0.9rem;
}

@media screen and (min-width: 375px){
    .birthday-page .box2 .box2-2 .text .help a{
        display: block;
        width: 8.3rem;
        height: 1.5rem;
        background: url(img/birthday_5.png) no-repeat center;
        background-size: auto 100%;
        float: right;
        margin-top: 0.8rem;
    }
}

.birthday-page .box2 .box2-2 .text p{
    font-size: 0.75rem;
    line-height: 1rem;
    padding: 0 0.5rem;
    margin: 0;
    margin-top: 1rem;
    color: #4a4a4a;
}

.birthday-page .box2 .box2-2 .text p span{
    color: #c4525a;
}

.birthday-page .box3{
    background: url(img/birthday_2.png) repeat-y;
    background-size: 100% auto;
    padding: 1rem 0;
}

.birthday-page .box3 h4{
    font-size: 0.75rem;
    font-weight: normal;
    text-align: center;
}

.birthday-page .box3 .box3-1{
    width: 96%;
    margin: 0 2%;
    height: 3rem;
    position: relative;
    background: #e5e4e4;
    margin-top: 1rem;
}

.birthday-page .box3 .fixed{
    position: fixed;
    top: 24px;
    left:0;
    background: #fff;
}

.birthday-page .box3 .fixed-app{
    position: fixed;
    top: -22px;
    left:0;
    background: #fff;
}

.birthday-page .box3 #gift-nav{
    width: 100%;
}

.birthday-page .box3 .box3-1 a{
    float: left;
    width: 50%;
    height: 3rem;
    padding-left: 20%;
    font-size: 0.75rem;
    line-height: 1rem;
    padding-top: 0.5rem;
    color: #4a4a4a;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.birthday-page .box3 .box3-1 a.gold{
    background: url(img/birthday_9.png) no-repeat 17% center;
    background-size: 2rem;
}

.birthday-page .box3 .box3-1 a.diamond{
    background: url(img/birthday_10.png) no-repeat 17% center;
    background-size: 2rem;
}

.birthday-page .box3 .box3-1 a.active{
    color: #fb9a0c;
    background-color: #fff3d3;
}

.birthday-page .box3 .box3-1 .border-top{
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: url(img/birthday_7.png) no-repeat;
    background-size: 100% 100%;
}

.birthday-page .box3 .box3-1 .border-bottom{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: url(img/birthday_7.png) no-repeat;
    background-size: 100% 100%;
}

.birthday-page .box3 .box3-1 .border-left{
    position: absolute;
    top: 0;
    left: 0;
    height: 3rem;
    width: 2px;
    background: url(img/birthday_8.png) no-repeat;
    background-size: 100% 100%;
}

.birthday-page .box3 .box3-1 .border-right{
    position: absolute;
    top: 0;
    right: 0;
    height: 3rem;
    width: 2px;
    background: url(img/birthday_8.png) no-repeat;
    background-size: 100% 100%;
}

.birthday-page .box3 .box3-1 .border-middle{
    position: absolute;
    top: 0;
    right: 50%;
    height: 3rem;
    width: 2px;
    background: url(img/birthday_8.png) no-repeat;
    background-size: 100% 100%;
}

.birthday-page .box4{
    font-size: 0;
    padding-top: 2rem;
    background: #fff;
}

.birthday-page .box4 .box4-1{
    font-size: 0;
    display: none;
}

.birthday-page .box4 .active{
    display: block;
}

.birthday-page .box4 .box4-1 .text{
    padding-bottom: 2rem;
}

.birthday-page .box4 .box4-1 .text p{
    font-size: 0.75rem;
    line-height: 1rem;
    text-align: center;
    margin: 1rem 0;
}

.birthday-page .box4 .box4-1 .text a{
    display: block;
    width: 8rem;
    height: 1.5rem;
    background: url(img/birthday_lv_show.png) no-repeat;
    background-size: auto 100%;
    margin: 0 auto;
    margin-top: 1rem;
}

.loader{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}

/*loader*/
.spinner {
    width: 60px;
    height: 60px;
    position: relative;
    margin: 50% auto;
}

.double-bounce1, .double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #6bc1b2;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}

/*agreement-page*/
.agreement-page .box1{
    padding: 1rem 3% 3rem;
}

.agreement-page .box1 h3{
    font-size: 0.8rem;
}

.agreement-page .box1 p{
    font-size: 0.7rem;
    line-height: 1rem;
}

/*navigation-page*/
.navigation-page .nav-type{
    position: absolute;
    top: 44px;
    left: 0;
    width: 100%;
    height: 50px;
    background: #fff;
}

.navigation-page .nav-type a{
    width: 33.33333%;
    height: 30px;
    margin: 10px 0;
    float: left;
}

.navigation-page .nav-type a.car{
    background: url(img/navigation_car.png) no-repeat center;
    background-size: auto 80%;
}

.navigation-page .nav-type a.car.active{
    background: url(img/navigation_car_active.png) no-repeat center;
    background-size: auto 80%;
}

.navigation-page .nav-type a.bus{
    background: url(img/navigation_bus.png) no-repeat center;
    background-size: auto 80%;
    border-left: 1px solid  #ebebeb;
    border-right: 1px solid  #ebebeb;
}

.navigation-page .nav-type a.bus.active{
    background: url(img/navigation_bus_active.png) no-repeat center;
    background-size: auto 80%;
}

.navigation-page .nav-type a.walk{
    background: url(img/navigation_walk.png) no-repeat center;
    background-size: auto 80%;
}

.navigation-page .nav-type a.walk.active{
    background: url(img/navigation_walk_active.png) no-repeat center;
    background-size: auto 80%;
}

.navigation-page .request-app{
    width: 44px;
    height: 44px;
    background: url(img/navigation_map.png) no-repeat center;
    background-size: 60% auto;
}

.navigation-page .navigation-cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 999;
    display: none;
    text-align: center;
}

.navigation-page .navigation-cover img{
    width: 80%;
    margin-top: 10px;
}

/*message-page*/
.message-page .media-list li{
    padding: 0 0.5rem;
}

.message-page .media-list .item-content{
    border-bottom: 1px solid #ebebeb;
}

.message-page .media-list li:last-child .item-content{
    border-bottom: none;
}

.message-page .media-list .item-content .item-title{
    font-size: 0.75rem;
    color: #010101;
}

.message-page .media-list .item-content .item-after{
    font-size: 0.65rem;
    color: #999;
}

.message-page .media-list .item-content .item-subtitle{
    font-size: 0.65rem;
    color: #999;
}

.message-page .media-list .item-content .item-media{
    position: relative;
}

.message-page .media-list .item-content .item-media .has-new{
    position: absolute;
    top: 4px;
    right: -5px;
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background: #f97373;
    border: 1px solid #fff;

}

/*message-list-page*/
.message-list-page .message-box .item{
    margin: 0.7rem 0.5rem;
    background: #fff;
    padding: 0.5rem;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.message-list-page .message-box .item h3{
    font-size: 0.8rem;
    color: #6bc1b2;
    /*font-weight: normal;*/
    margin-bottom: 0.5rem;
}

.message-list-page .message-box .item .img-box{
    float: left;
    width: 25%;
}

.message-list-page .message-box .item .txt-box{
    float: left;
    width: 75%;
}

.message-list-page .message-box .item .txt-box p{
    margin: 0;
    padding-left: 0.5rem;
    font-size: 0.75rem;
    line-height: 1rem;
    height: 3rem;
    overflow: hidden;
    color: #000;
}

.message-list-page .message-box .item .txt-box a{
    padding-left: 0.5rem;
    font-size: 0.75rem;
    color: #6bc1b2;
}

.message-list-page .date-box{
    text-align: center;
}

.message-list-page .date-box span{
    font-size: 0.7rem;
    color: #999;
    background: #ebebeb;
    padding: 2px 15px;
    border-radius: 3px;
}

.message-list-page .interact-message .item{
    margin: 0.7rem 0.5rem;
    background: #fff;
    padding: 0.5rem;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.message-list-page .interact-message .item .avatar-box{
    width: 25%;
    float: left;
}

.message-list-page .interact-message .item .avatar-box .img-box{
    width: 3rem;
    height: 3rem;
    max-width: 100%;
    font-size: 0;
    border-radius: 3rem;
    overflow: hidden;
    margin: 0 auto;
}

.message-list-page .interact-message .item .txt-box{
    width: 73%;
    float: right;
}

.message-list-page .interact-message .item .txt-box h3{
    font-size: 0.8rem;
    color: #6bc1b2;
    font-weight: normal;
    margin-bottom: 0.2rem;
    line-height: 1.1rem;
}

.message-list-page .interact-message .item .txt-box p{
    line-height: 1rem;
}

.message-list-page .interact-message .item .txt-box .art-box{
    padding: 0.3rem;
    background: #f7f7f7;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    margin-top: 0.3rem;
}

.message-list-page .interact-message .item .txt-box p{
    margin: 0;
}

.message-list-page .interact-message .item .txt-box .art-box .img{
    float: left;
    width: 15%;
    font-size: 0;
    height: 1.8rem;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
}

.message-list-page .interact-message .item .txt-box .art-box .tit{
    float: right;
    width: 83%;
}

.message-list-page .interact-message .item .txt-box .art-box .tit p{
    font-size: 0.75rem;
    color: #999;
    line-height: 1.8rem;
    height: 1.8rem;
    overflow: hidden;
}

.message-list-page .over-box{
    text-align: center;
    display: none;
}

.message-list-page .over-box p{
    font-size: 0.6rem;
    color: #999;
}

/*track-list-page*/
.track-list-page .track-list .date-box p{
    font-size: 0.8rem;
    color: #000;
    padding: 0.5rem 0.7rem;
    margin: 0;
}

.track-list-page .track-list .item{
    padding: 0.5rem 0.7rem;
    background: #fff;
    margin-bottom: 0.7rem;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.track-list-page .track-list .item h5{
    font-size: 0.75rem;
    color: #999;
    font-weight: normal;
    padding-bottom: 0.5rem;
}

.track-list-page .track-list .goods-item .img-box{
    float: left;
    width: 25%;
    font-size: 0;
}

.track-list-page .track-list .goods-item .txt-box{
    float: right;
    width: 72%;
}

.track-list-page .track-list .goods-item .txt-box h3{
    font-size: 0.8rem;
    line-height: 1rem;
    margin-bottom: 0.2rem;
    height: 2rem;
    overflow: hidden;
    color: #000;
}

.track-list-page .track-list .goods-item .txt-box p{
    font-size: 0.8rem;
    color: #6bc1b2;
    margin: 0;
}

.track-list-page .track-list .item .txt-box a{
    font-size: 0.7rem;
    color: #999;
    float: right;
}

.track-list-page .track-list .article-item .link{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.track-list-page .track-list .article-item .article-info{
    padding: 0.5rem;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    background: #f7f7f7;
    position: relative;
}

.track-list-page .track-list .article-item .img-box{
    float: left;
    max-width: 25%;
    font-size: 0;
    width: 4rem;
    height: 4rem;
    overflow: hidden;
    border: 1px solid #ebebeb;
    background-size: cover;
    background-position: center center;
}

.track-list-page .track-list .article-item .img-box img{

}

.track-list-page .track-list .article-item .txt-box{
    float: right;
    width: 72%;
}

.track-list-page .track-list .article-item .txt-box h3{
    font-size: 0.8rem;
    line-height: 1rem;
    height: 1rem;
    overflow: hidden;
    color: #000;
}

.track-list-page .track-list .article-item .txt-box p{
    font-size: 0.7rem;
    line-height: 1rem;
    height: 2rem;
    overflow: hidden;
    margin: 0;
    color: #999;
}

.track-list-page .track-list .article-item .comments{
    font-size: 0.8rem;
    margin: 0;
    line-height: 1rem;
    margin-top: 0.5rem;
}

.track-list-page .tip{
    display: none;
}

.track-list-page .tip p{
    text-align: center;
    font-size: 0.5rem;
    color: #999;
}

.track-list-page .user-info{
    background: url(img/usercenter_5.png) no-repeat;
    background-size: 100% 100%;
}

.track-list-page .user-info .info-con{
    padding: 1rem;
}

.track-list-page .user-info .info-con .img-box{
    float: left;
    max-width: 25%;
    font-size: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 4rem;
    overflow: hidden;
    border: 3px solid #fff;
}

.track-list-page .user-info .info-con .txt-box{
    float: right;
    width: 72%;
}

.track-list-page .user-info .info-con .txt-box h4{
    font-size: 0.85rem;
    color: #fff;
    font-weight: normal;
    margin-top: 0.7rem;
}

.track-list-page .user-info .info-con .txt-box p{
    font-size: 0.7rem;
    color: #fff;
    margin: 0;
    line-height: 1rem;
    position: relative;
    display: inline-block;
}

.track-list-page .user-info .info-con .txt-box p span{
    display: inline-block;
    width: 1rem;
    height: 1rem;
    position: absolute;
    right: -1.2rem;
    top: 0;
}

@media screen and (max-width: 374px){
    .track-list-page .user-info .info-con .img-box{
        width: 3rem;
        height: 3rem;
        border-radius: 3rem;
    }

    .track-list-page .user-info .info-con .txt-box h4{
        margin-top: 0.2rem;
    }
}

/*reward-list-page*/
.reward-list-page .reward-list {
    margin-top: 0.7rem;
    border-top: 1px solid #ebebeb;
}
.reward-list-page .reward-list li{
    padding: 0.5rem;
    border-bottom: 1px solid #ebebeb;
    background: #fff url(img/confirm_ico_right.png) no-repeat 98% center;
    background-size: auto 20%;
}

.reward-list-page .reward-list .img-box{
    float: left;
    max-width: 20%;
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    overflow: hidden;
}

.reward-list-page .reward-list .txt-box{
    float: left;
    width: 80%;
}

.reward-list-page .reward-list .txt-box h3{
    font-size: 0.8rem;
    font-weight: normal;
    padding: 0 0.5rem;
    position: relative;
    display: inline-block;
    color: #000;
    padding-right: 0.2rem;
}

.reward-list-page .reward-list .txt-box h3 span{
    position: absolute;
    right: -1rem;
    top: 0;
    width: 1rem;
    height: 1rem;
    background-size: auto 100% !important;
}

.reward-list-page .reward-list .txt-box p{
    font-size: 0.7rem;
    margin: 0;
    color: #999;
    padding: 0 0.5rem;
    padding-left: 0.8rem;
    background: url(img/home_col_locat.png) no-repeat left center ;
    background-size: auto 80%;
    margin-left: 0.5rem;
}

/*shop-comment-page*/
.shop-comment-page .shop-info{
    padding: 0.7rem;
    background: #fff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 0.75rem 0;
}

.shop-comment-page .shop-info .img-box{
    float: left;
    width: 30%;
}

.shop-comment-page .shop-info .img-box .img{
    width: 3.5rem;
    height: 3.5rem;
    background-size: cover;
    background-position: center;
}

.shop-comment-page .shop-info .txt-box{
    float: right;
    width: 70%;
}

@media screen and (min-width: 375px){
    .shop-comment-page .shop-info .img-box{
        float: left;
        width: 25%;
    }

    .shop-comment-page .shop-info .txt-box{
        float: right;
        width: 75%;
    }
}

.shop-comment-page .shop-info .txt-box h3{
    font-size: 0.75rem;
    height: 22px;
}

.shop-comment-page .shop-info .txt-box h3 a{
    font-size: 0.5rem;
    font-weight: normal;
    float: right;
    color: #999;
    display: inline-block;
    border: 1px solid #999;
    border-radius: 2px;
    padding: 0 7px;
}

.shop-comment-page .shop-info .txt-box p{
    font-size: 0.6rem;
    color: #999;
    margin: 0;
}

.shop-comment-page .shop-info .txt-box .point{
    height: 30px;
}

.shop-comment-page .shop-info .txt-box .point i{
    float: left;
    width: 20px;
    height: 20px;
    margin-top: 5px;
    margin-right: 5px;
    background: url(img/evaluation_1.png) no-repeat center;
    background-size: cover;
}

.shop-comment-page .shop-info .txt-box .point i.full{
    background: url(img/evaluation_2.png) no-repeat center;
    background-size: cover;
}

.shop-comment-page .shop-info .txt-box .point i.half{
    background: url(img/evaluation_3.png) no-repeat center;
    background-size: cover;
}

.shop-comment-page .comment-box{
    padding: 0.7rem;
    background: #fff;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
}

.shop-comment-page .comment-box .item{
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 0.7rem;
}

.shop-comment-page .comment-box .user-info .img{
    width: 2rem;
    height: 2rem;
    border-radius: 2rem;
    overflow: hidden;
    float: left;
    background-size: cover;
    background-position: center center;
}

.shop-comment-page .comment-box .user-info .txt{
    width: 80%;
    float: left;
    margin-left: 10px;
}

.shop-comment-page .comment-box .user-info .txt h4{
    font-size: 14px;
    height: 21px;
    overflow: hidden;
}

.shop-comment-page .comment-box .user-info .txt p{
    font-size: 12px;
    color: #999;
    margin: 0;
}

.shop-comment-page .comment-box .comment{
    margin: 10px 0;
}

.shop-comment-page .comment-box .comment p{
    font-size: 13px;
    color: #666;
    margin: 0;
}

.shop-comment-page .comment-box .photo-box .img-box{
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    float: left;
    margin-right: 5px;
    background-size: cover;
    background-position: center;
}

.shop-comment-page .comment-box .photo-box{
    height: 3rem;
    overflow: hidden;
}

.shop-comment-page .comment-box .reply{
    background: #e6fffb;
    border: 1px solid #93c2ba;
    border-radius: 2px;
    padding: 10px;
    margin-top: 15px;
    position: relative;
}

.shop-comment-page .comment-box .reply p{
    font-size: 13px;
    margin: 0;
    word-wrap: break-word;
}

.shop-comment-page .comment-box .reply p.p1{
    color: #000;
}

.shop-comment-page .comment-box .reply .line{
    width: 100%;
    height: 1px;
    background: #ebebeb;
    margin: 10px 0;
}

.shop-comment-page .comment-box .reply p.p2{
    color: #6cc3b3;
}

.shop-comment-page .comment-box .reply .jiao{
    position: absolute;
    left: 10%;
    top: -6px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #93c2ba;
    border-left: 1px solid #93c2ba;
    background: #e6fffb;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.shop-comment-page .no-comment{
    padding: 2rem 0.7rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background: #fff;
    text-align: center;
}

.shop-comment-page .no-comment p{
    font-size: 14px;
    color: #999;
    margin: 0;
}

.shop-comment-page .no-comment i{
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/login_1.png);
    background-size: cover;
}

.shop-comment-page .infinite-scroll-preloader{
    background: #fff;
    margin: 0;
    padding: 1rem;
    margin-top: -1px;
}

.shop-comment-page .over-box{
    font-size: 12px;
    text-align: center;
    color: #666;
    display: none;
}

.shop-comment-page .img-view{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: rgba(0,0,0,0.8);
    display: none;
}

.shop-comment-page .img-view img{
    width: 100%;
}

/*my-comments-page*/
.my-comments-page .box1{
    padding: 0.7rem;
    background: #fff;
}

.my-comments-page .box1 .img-box{
    width: 2.7rem;
    height: 2.7rem;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
    border-radius: 2.7rem;
    overflow: hidden;
}

.my-comments-page .box1 .info-box{
    height: 2.7rem;
}

.my-comments-page .box1 .info-box h3{
    line-height: 2.7rem;
    font-size: 0.8rem;
    padding: 0 0.5rem;
    height: 2.7rem;
    overflow: hidden;
}

.my-comments-page .box1 .info-box h3 a{
    font-size: 0.6rem;
    float: right;
    color: #6bc1b2;
    border: 1px solid #6bc1b2;
    border-radius: 20px;
    line-height: 1.2rem;
    padding: 0 0.6rem;
    margin-top: 0.65rem;
}

.my-comments-page .box2{
    background: #fff;
    margin-top: 0.7rem;
    border-bottom: 1px solid #ebebeb;
}

.my-comments-page .box2 a{
    display: block;
    text-align: center;
    height: 1.9rem;
    line-height: 1.9rem;
    font-size: 0.7rem;
    border-bottom: 2px solid #fff;
    color: #000;
}

.my-comments-page .box2 a.active{
    border-color: #6bc1b2;
    color: #6bc1b2;
}

.my-comments-page .box3 .item{
    background: #fff;
    padding: 0.7rem;
    margin-bottom: 0.7rem;
}

.my-comments-page .box3 .item .item-header h4{
    font-size: 0.8rem;
    color: #000;
    line-height: 1.2rem;
    height: 1.2rem;
    overflow: hidden;
}

.my-comments-page .box3 .item .item-header p{
    font-size: 0.5rem;
    color: #999;
    margin: 0;
    line-height: 0.9rem;
    height: 0.9rem;
    overflow: hidden;
}

.my-comments-page .box3 .item .item-header .stars{
    width: 5rem;
    height: 1rem;
    float: right;
}

.my-comments-page .box3 .item .item-header .stars i {
    float: left;
    width: 1rem;
    height: 1rem;
    background: url(img/star_defult.png) no-repeat;
    background-size: 100% 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.my-comments-page .box3 .item .item-header i.full {
    background: url(img/star_full.png) no-repeat;
    background-size: 100% 100%;
}

.my-comments-page .box3 .item .item-header i.half {
    background: url(img/star_half.png) no-repeat;
    background-size: 100% 100%;
}

.my-comments-page .box3 .item .item-content p{
    font-size: 0.7rem;
    color: #666;
    margin: 0.7rem 0;
    word-break: break-all;
}

.my-comments-page .box3 .item .item-content .img-box{
    overflow: hidden;
}

.my-comments-page .box3 .item .item-content .img-box .img{
    float: left;
    width: 3rem;
    height: 3rem;
    overflow: hidden;
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    background-size: cover;
    background-position: center;
}

.my-comments-page .box3 .item .item-content .inman-reply{
    border: 1px solid #6bc1b2;
    background: #e6fffb;
    padding: 0.5rem;
    border-radius: 2px;
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: #6bc2b2;
    margin-top: 0.5rem;
    position: relative;
}

.my-comments-page .box3 .item .item-content .inman-reply .jiao{
    width: 10px;
    height: 10px;
    background: #e6fffb;
    border-top: 1px solid #6bc1b2;
    border-left: 1px solid #6bc1b2;
    position: absolute;
    left: 10%;
    top: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.my-comments-page .box3 .item .item-goods{
    border: 1px solid #ebebeb;
    background: #f7f7f7;
    border-radius: 2px;
    padding: 0.5rem;
    margin-top: 0.7rem;
    position: relative;
}

.my-comments-page .box3 .item .item-goods .col-20,.my-comments-page .box3 .item .item-goods .col-80{
    float: left;
    height: 2.6rem;
    overflow: hidden;
}

.my-comments-page .box3 .item .item-goods .img{
    width: 2.6rem;
    height: 2.6rem;
    background-size: cover;
    background-position: center;
}

.my-comments-page .box3 .item .item-goods h4{
    font-size: 0.7rem;
    color: #000;
    line-height: 0.9rem;
    width: 90%;
    height: 1.8rem;
    overflow: hidden;
}

.my-comments-page .box3 .item .item-goods .col-80 span{
    font-size: 0.5rem;
    color: #6bc1b2;
    float: left;
}

.my-comments-page .box3 .item .item-goods .icon-right{
    font-size: 1rem;
    position: absolute;
    right: 5px;
    top: 20px;
    color: #999;
}

.my-comments-page .tip p{
    font-size: 0.6rem;
    color: #999;
    text-align: center;
}

.my-comments-page .big-img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.75);
    z-index: 999;
    display: none;
}

.my-comments-page .big-img img{
    width: 100%;
}

.my-comments-page .box4 .item{
    padding: 0.7rem;
    background: #fff;
    margin-bottom: 0.7rem;
}

.my-comments-page .box4 .item .shop-info{
    padding: 0.5rem;
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    border-radius: 2px;
    margin-bottom: 0.5rem;
}

.my-comments-page .box4 .item .shop-info h3{
    font-size: 0.75rem;
    height: 1.1rem;
    line-height: 1.1rem;
    padding-left: 1.2rem;
    background: url(img/address_1.png) no-repeat left center;
    background-size: auto 96%;
}

.my-comments-page .box4 .item .shop-info p{
    font-size: 0.6rem;
    color: #999;
    margin: 0;
}

.my-comments-page .box4 .item .date{
    font-size: 0.65rem;
    color: #999;
    margin-bottom: 0.3rem;
}

.my-comments-page .box4 .item .comment-box{

}

.my-comments-page .box4 .item .comment-box .txt-box{
    font-size: 0.7rem;
    color: #333;
    margin-bottom: 0.5rem;
    word-break: break-all;
}

.my-comments-page .box4 .item .comment-box .img-box .img{
    width: 3rem;
    height: 3rem;
    background-size: cover;
    background-position: center;
    float: left;
    margin-right: 0.3rem;
    margin-bottom: 0.3rem;
}

.my-comments-page .box4 .item .reply-box{
    padding: 0.5rem;
    background: #e6fffb;
    border: 1px solid #91c3ba;
    border-radius: 2px;
    margin-top: 0.5rem;
    position: relative;
}

.my-comments-page .box4 .item .reply-box .jiao{
    width: 10px;
    height: 10px;
    background: #e6fffb;
    border-top: 1px solid #6bc1b2;
    border-left: 1px solid #6bc1b2;
    position: absolute;
    left: 10%;
    top: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.my-comments-page .box4 .item .reply-box p{
    font-size: 0.7rem;
    margin: 0;
    word-break: break-all;
}

.my-comments-page .box4 .item .reply-box p.inman-reply{
    color: #6bc1b2;
}

.my-comments-page .box4 .item .reply-box .line{
    width: 100%;
    height: 1px;
    background: #ebebeb;
    margin: 0.3rem 0;
}

.my-comments-page .box4 .item .button-box{
    padding-top: 0.5rem;
    text-align: right;
}

.my-comments-page .box4 .item .button-box a{
    display: inline-block;
    background: #6bc2b2;
    border-radius: 2px;
    color: #fff;
    font-size: 0.7rem;
    padding: 0.3rem 0.8rem;
}

.my-comments-page .no-data p{
    text-align: center;
    font-size: 0.75rem;
    color: #ccc;
    padding-top: 55px;
    background: url(img/no_comments.png) no-repeat top center;
    background-size: auto 50px;
    margin-top: 100px;
}